<!DOCTYPE html>
<html lang="en">
  <head>
    <title>Flex Class Reference</title>
    <link rel="stylesheet" type="text/css" href="../css/jazzy.css" />
    <link rel="stylesheet" type="text/css" href="../css/highlight.css" />
    <meta charset='utf-8'>
    <script src="../js/jquery.min.js" defer></script>
    <script src="../js/jazzy.js" defer></script>
    
  </head>
  <body>
    <a name="//apple_ref/swift/Class/Flex" class="dashAnchor"></a>
    <a title="Flex Class Reference"></a>
    <header>
      <div class="content-wrapper">
        <p><a href="../index.html">FlexLayout Docs</a> (99% documented)</p>
        <p class="header-right"><a href="https://github.com/lucdion/FlexLayout"><img src="../img/gh.png"/>View on GitHub</a></p>
      </div>
    </header>
    <div class="content-wrapper">
      <p id="breadcrumbs">
        <a href="../index.html">FlexLayout Reference</a>
        <img id="carat" src="../img/carat.png" />
        Flex Class Reference
      </p>
    </div>
    <div class="content-wrapper">
      <nav class="sidebar">
        <ul class="nav-groups">
          <li class="nav-group-name">
            <a href="../Classes.html">Classes</a>
            <ul class="nav-group-tasks">
              <li class="nav-group-task">
                <a href="../Classes/Flex.html">Flex</a>
              </li>
              <li class="nav-group-task">
                <a href="../Classes/Flex/Direction.html">– Direction</a>
              </li>
              <li class="nav-group-task">
                <a href="../Classes/Flex/JustifyContent.html">– JustifyContent</a>
              </li>
              <li class="nav-group-task">
                <a href="../Classes/Flex/AlignContent.html">– AlignContent</a>
              </li>
              <li class="nav-group-task">
                <a href="../Classes/Flex/AlignItems.html">– AlignItems</a>
              </li>
              <li class="nav-group-task">
                <a href="../Classes/Flex/AlignSelf.html">– AlignSelf</a>
              </li>
              <li class="nav-group-task">
                <a href="../Classes/Flex/Wrap.html">– Wrap</a>
              </li>
              <li class="nav-group-task">
                <a href="../Classes/Flex/Position.html">– Position</a>
              </li>
              <li class="nav-group-task">
                <a href="../Classes/Flex/LayoutDirection.html">– LayoutDirection</a>
              </li>
              <li class="nav-group-task">
                <a href="../Classes/Flex/LayoutMode.html">– LayoutMode</a>
              </li>
            </ul>
          </li>
          <li class="nav-group-name">
            <a href="../Extensions.html">Extensions</a>
            <ul class="nav-group-tasks">
              <li class="nav-group-task">
                <a href="../Extensions/UIView.html">UIView</a>
              </li>
            </ul>
          </li>
        </ul>
      </nav>
      <article class="main-content">
        <section>
          <section class="section">
            <h1>Flex</h1>
              <div class="declaration">
                <div class="language">
                  <pre class="highlight"><code><span class="kd">public</span> <span class="kd">class</span> <span class="kt">Flex</span></code></pre>

                </div>
              </div>
            <p>FlexLayout interface.</p>

<p>The interface is accessible from any UIView class instance:</p>
<pre class="highlight plaintext"><code>   label.flex.margin(10)
</code></pre>

          </section>
          <section class="section task-group-section">
            <div class="task-group">
              <div class="task-name-container">
                <a name="/Properties"></a>
                <a name="//apple_ref/swift/Section/Properties" class="dashAnchor"></a>
                <a href="#/Properties">
                  <h3 class="section-name">Properties</h3>
                </a>
              </div>
              <ul>
                <li class="item">
                  <div>
                    <code>
                    <a name="/s:vC10FlexLayout4Flex4viewCSo6UIView"></a>
                    <a name="//apple_ref/swift/Property/view" class="dashAnchor"></a>
                    <a class="token" href="#/s:vC10FlexLayout4Flex4viewCSo6UIView">view</a>
                    </code>
                  </div>
                  <div class="height-container">
                    <div class="pointer-container"></div>
                    <section class="section">
                      <div class="pointer"></div>
                      <div class="abstract">
                        <p>Flex items&rsquo;s UIView.</p>

                      </div>
                      <div class="declaration">
                        <h4>Declaration</h4>
                        <div class="language">
                          <p class="aside-title">Swift</p>
                          <pre class="highlight"><code><span class="kd">public</span> <span class="k">let</span> <span class="nv">view</span><span class="p">:</span> <span class="kt">UIView</span></code></pre>

                        </div>
                      </div>
                      <div class="slightly-smaller">
                        <a href="https://github.com/lucdion/FlexLayout/tree/master/Sources/FlexLayout.swift#L35">Show on GitHub</a>
                      </div>
                    </section>
                  </div>
                </li>
                <li class="item">
                  <div>
                    <code>
                    <a name="/s:vC10FlexLayout4Flex13intrinsicSizeVSC6CGSize"></a>
                    <a name="//apple_ref/swift/Property/intrinsicSize" class="dashAnchor"></a>
                    <a class="token" href="#/s:vC10FlexLayout4Flex13intrinsicSizeVSC6CGSize">intrinsicSize</a>
                    </code>
                  </div>
                  <div class="height-container">
                    <div class="pointer-container"></div>
                    <section class="section">
                      <div class="pointer"></div>
                      <div class="abstract">
                        <p>Item natural size, considering only properties of the view itself. Independent of the item frame.</p>

                      </div>
                      <div class="declaration">
                        <h4>Declaration</h4>
                        <div class="language">
                          <p class="aside-title">Swift</p>
                          <pre class="highlight"><code><span class="kd">public</span> <span class="k">var</span> <span class="nv">intrinsicSize</span><span class="p">:</span> <span class="kt">CGSize</span></code></pre>

                        </div>
                      </div>
                      <div class="slightly-smaller">
                        <a href="https://github.com/lucdion/FlexLayout/tree/master/Sources/FlexLayout.swift#L40-L42">Show on GitHub</a>
                      </div>
                    </section>
                  </div>
                </li>
              </ul>
            </div>
            <div class="task-group">
              <div class="task-name-container">
                <a name="/Flex%20item%20addition%20and%20definition"></a>
                <a name="//apple_ref/swift/Section/Flex item addition and definition" class="dashAnchor"></a>
                <a href="#/Flex%20item%20addition%20and%20definition">
                  <h3 class="section-name">Flex item addition and definition</h3>
                </a>
              </div>
              <ul>
                <li class="item">
                  <div>
                    <code>
                    <a name="/s:FC10FlexLayout4Flex7addItemFT_S0_"></a>
                    <a name="//apple_ref/swift/Method/addItem()" class="dashAnchor"></a>
                    <a class="token" href="#/s:FC10FlexLayout4Flex7addItemFT_S0_">addItem()</a>
                    </code>
                  </div>
                  <div class="height-container">
                    <div class="pointer-container"></div>
                    <section class="section">
                      <div class="pointer"></div>
                      <div class="abstract">
                        <p>This method adds a flex item (UIView) to a flex container. Internally the methods adds the UIView has subviews and enables flexbox.</p>

                      </div>
                      <div class="declaration">
                        <h4>Declaration</h4>
                        <div class="language">
                          <p class="aside-title">Swift</p>
                          <pre class="highlight"><code><span class="kd">public</span> <span class="kd">func</span> <span class="nf">addItem</span><span class="p">()</span> <span class="o">-&gt;</span> <span class="kt">Flex</span></code></pre>

                        </div>
                      </div>
                      <div>
                        <h4>Return Value</h4>
                        <p>The added view flex interface</p>
                      </div>
                      <div class="slightly-smaller">
                        <a href="https://github.com/lucdion/FlexLayout/tree/master/Sources/FlexLayout.swift#L62-L65">Show on GitHub</a>
                      </div>
                    </section>
                  </div>
                </li>
                <li class="item">
                  <div>
                    <code>
                    <a name="/s:FC10FlexLayout4Flex7addItemFCSo6UIViewS0_"></a>
                    <a name="//apple_ref/swift/Method/addItem(_:)" class="dashAnchor"></a>
                    <a class="token" href="#/s:FC10FlexLayout4Flex7addItemFCSo6UIViewS0_">addItem(_:)</a>
                    </code>
                  </div>
                  <div class="height-container">
                    <div class="pointer-container"></div>
                    <section class="section">
                      <div class="pointer"></div>
                      <div class="abstract">
                        <p>This method is similar to <code>addItem(: UIView)</code> except that it also creates the flex item&rsquo;s UIView. Internally the method creates an
UIView, adds it has subviews and enables flexbox. This is useful to add a flex item/container easily when you don&rsquo;t need to refer to it later.</p>

                      </div>
                      <div class="declaration">
                        <h4>Declaration</h4>
                        <div class="language">
                          <p class="aside-title">Swift</p>
                          <pre class="highlight"><code><span class="kd">public</span> <span class="kd">func</span> <span class="nf">addItem</span><span class="p">(</span><span class="n">_</span> <span class="nv">view</span><span class="p">:</span> <span class="kt">UIView</span><span class="p">)</span> <span class="o">-&gt;</span> <span class="kt">Flex</span></code></pre>

                        </div>
                      </div>
                      <div>
                        <h4>Parameters</h4>
                        <table class="graybox">
                          <tbody>
                            <tr>
                              <td>
                                <code>
                                <em>view</em>
                                </code>
                              </td>
                              <td>
                                <div>
                                  <p>view to add to the flex container</p>
                                </div>
                              </td>
                            </tr>
                          </tbody>
                        </table>
                      </div>
                      <div>
                        <h4>Return Value</h4>
                        <p>The added view flex interface</p>
                      </div>
                      <div class="slightly-smaller">
                        <a href="https://github.com/lucdion/FlexLayout/tree/master/Sources/FlexLayout.swift#L75-L78">Show on GitHub</a>
                      </div>
                    </section>
                  </div>
                </li>
                <li class="item">
                  <div>
                    <code>
                    <a name="/s:FC10FlexLayout4Flex6defineFFS0_T_S0_"></a>
                    <a name="//apple_ref/swift/Method/define(_:)" class="dashAnchor"></a>
                    <a class="token" href="#/s:FC10FlexLayout4Flex6defineFFS0_T_S0_">define(_:)</a>
                    </code>
                  </div>
                  <div class="height-container">
                    <div class="pointer-container"></div>
                    <section class="section">
                      <div class="pointer"></div>
                      <div class="abstract">
                        <p>This method is used to structure your code so that it matches the flexbox structure. The method has a closure parameter with a
single parameter called <code>flex</code>. This parameter is in fact, the view&rsquo;s flex interface, it can be used to adds other flex items
and containers.</p>

                      </div>
                      <div class="declaration">
                        <h4>Declaration</h4>
                        <div class="language">
                          <p class="aside-title">Swift</p>
                          <pre class="highlight"><code><span class="kd">public</span> <span class="kd">func</span> <span class="nf">define</span><span class="p">(</span><span class="n">_</span> <span class="nv">closure</span><span class="p">:</span> <span class="p">(</span><span class="n">_</span> <span class="nv">flex</span><span class="p">:</span> <span class="kt">Flex</span><span class="p">)</span> <span class="o">-&gt;</span> <span class="kt">Void</span><span class="p">)</span> <span class="o">-&gt;</span> <span class="kt">Flex</span></code></pre>

                        </div>
                      </div>
                      <div>
                        <h4>Parameters</h4>
                        <table class="graybox">
                          <tbody>
                            <tr>
                              <td>
                                <code>
                                <em>closure</em>
                                </code>
                              </td>
                              <td>
                                <div>
                                  <p></p>
                                </div>
                              </td>
                            </tr>
                          </tbody>
                        </table>
                      </div>
                      <div>
                        <h4>Return Value</h4>
                        <p>Flex interface</p>
                      </div>
                      <div class="slightly-smaller">
                        <a href="https://github.com/lucdion/FlexLayout/tree/master/Sources/FlexLayout.swift#L89-L92">Show on GitHub</a>
                      </div>
                    </section>
                  </div>
                </li>
              </ul>
            </div>
            <div class="task-group">
              <div class="task-name-container">
                <a name="/Layout%20/%20intrinsicSize/%20sizeThatFits"></a>
                <a name="//apple_ref/swift/Section/Layout / intrinsicSize/ sizeThatFits" class="dashAnchor"></a>
                <a href="#/Layout%20/%20intrinsicSize/%20sizeThatFits">
                  <h3 class="section-name">Layout / intrinsicSize/ sizeThatFits</h3>
                </a>
              </div>
              <ul>
                <li class="item">
                  <div>
                    <code>
                    <a name="/s:FC10FlexLayout4Flex6layoutFT4modeOS0_10LayoutMode_T_"></a>
                    <a name="//apple_ref/swift/Method/layout(mode:)" class="dashAnchor"></a>
                    <a class="token" href="#/s:FC10FlexLayout4Flex6layoutFT4modeOS0_10LayoutMode_T_">layout(mode:)</a>
                    </code>
                  </div>
                  <div class="height-container">
                    <div class="pointer-container"></div>
                    <section class="section">
                      <div class="pointer"></div>
                      <div class="abstract">
                        <p>The method layout the flex container&rsquo;s children</p>

                      </div>
                      <div class="declaration">
                        <h4>Declaration</h4>
                        <div class="language">
                          <p class="aside-title">Swift</p>
                          <pre class="highlight"><code><span class="kd">public</span> <span class="kd">func</span> <span class="nf">layout</span><span class="p">(</span><span class="nv">mode</span><span class="p">:</span> <span class="kt"><a href="../Classes/Flex/LayoutMode.html">LayoutMode</a></span> <span class="o">=</span> <span class="o">.</span><span class="n">fitContainer</span><span class="p">)</span></code></pre>

                        </div>
                      </div>
                      <div>
                        <h4>Parameters</h4>
                        <table class="graybox">
                          <tbody>
                            <tr>
                              <td>
                                <code>
                                <em>mode</em>
                                </code>
                              </td>
                              <td>
                                <div>
                                  <p>specify the layout mod (LayoutMode).</p>
                                </div>
                              </td>
                            </tr>
                          </tbody>
                        </table>
                      </div>
                      <div class="slightly-smaller">
                        <a href="https://github.com/lucdion/FlexLayout/tree/master/Sources/FlexLayout.swift#L103-L109">Show on GitHub</a>
                      </div>
                    </section>
                  </div>
                </li>
                <li class="item">
                  <div>
                    <code>
                    <a name="/s:vC10FlexLayout4Flex18isIncludedInLayoutSb"></a>
                    <a name="//apple_ref/swift/Property/isIncludedInLayout" class="dashAnchor"></a>
                    <a class="token" href="#/s:vC10FlexLayout4Flex18isIncludedInLayoutSb">isIncludedInLayout</a>
                    </code>
                  </div>
                  <div class="height-container">
                    <div class="pointer-container"></div>
                    <section class="section">
                      <div class="pointer"></div>
                      <div class="abstract">
                        <p>This property controls dynamically if a flexbox&rsquo;s UIView is included or not in the flexbox layouting. When a
flexbox&rsquo;s UIView is excluded, FlexLayout won&rsquo;t layout the view and its children views.</p>

                      </div>
                      <div class="declaration">
                        <h4>Declaration</h4>
                        <div class="language">
                          <p class="aside-title">Swift</p>
                          <pre class="highlight"><code><span class="kd">public</span> <span class="k">var</span> <span class="nv">isIncludedInLayout</span><span class="p">:</span> <span class="kt">Bool</span> <span class="o">=</span> <span class="kc">true</span></code></pre>

                        </div>
                      </div>
                      <div class="slightly-smaller">
                        <a href="https://github.com/lucdion/FlexLayout/tree/master/Sources/FlexLayout.swift#L115-L119">Show on GitHub</a>
                      </div>
                    </section>
                  </div>
                </li>
                <li class="item">
                  <div>
                    <code>
                    <a name="/s:FC10FlexLayout4Flex18isIncludedInLayoutFSbS0_"></a>
                    <a name="//apple_ref/swift/Method/isIncludedInLayout(_:)" class="dashAnchor"></a>
                    <a class="token" href="#/s:FC10FlexLayout4Flex18isIncludedInLayoutFSbS0_">isIncludedInLayout(_:)</a>
                    </code>
                  </div>
                  <div class="height-container">
                    <div class="pointer-container"></div>
                    <section class="section">
                      <div class="pointer"></div>
                      <div class="abstract">
                        <p>This method controls dynamically if a flexbox&rsquo;s UIView is included or not in the flexbox layouting. When a
flexbox&rsquo;s UIView is excluded, FlexLayout won&rsquo;t layout the view and its children views.</p>

                      </div>
                      <div class="declaration">
                        <h4>Declaration</h4>
                        <div class="language">
                          <p class="aside-title">Swift</p>
                          <pre class="highlight"><code><span class="kd">public</span> <span class="kd">func</span> <span class="nf">isIncludedInLayout</span><span class="p">(</span><span class="n">_</span> <span class="nv">included</span><span class="p">:</span> <span class="kt">Bool</span><span class="p">)</span> <span class="o">-&gt;</span> <span class="kt">Flex</span></code></pre>

                        </div>
                      </div>
                      <div>
                        <h4>Parameters</h4>
                        <table class="graybox">
                          <tbody>
                            <tr>
                              <td>
                                <code>
                                <em>included</em>
                                </code>
                              </td>
                              <td>
                                <div>
                                  <p>true to layout the view</p>
                                </div>
                              </td>
                            </tr>
                          </tbody>
                        </table>
                      </div>
                      <div>
                        <h4>Return Value</h4>
                        <p></p>
                      </div>
                      <div class="slightly-smaller">
                        <a href="https://github.com/lucdion/FlexLayout/tree/master/Sources/FlexLayout.swift#L129-L132">Show on GitHub</a>
                      </div>
                    </section>
                  </div>
                </li>
                <li class="item">
                  <div>
                    <code>
                    <a name="/s:FC10FlexLayout4Flex9markDirtyFT_S0_"></a>
                    <a name="//apple_ref/swift/Method/markDirty()" class="dashAnchor"></a>
                    <a class="token" href="#/s:FC10FlexLayout4Flex9markDirtyFT_S0_">markDirty()</a>
                    </code>
                  </div>
                  <div class="height-container">
                    <div class="pointer-container"></div>
                    <section class="section">
                      <div class="pointer"></div>
                      <div class="abstract">
                        <p>The framework is so highly optimized, that flex item are layouted only when a flex property is changed and when flex container
size change. In the event that you want to force FlexLayout to do a layout of a flex item, you can mark it as dirty 
using <code>markDirty()</code>.</p>

<p>Dirty flag propagates to the root of the flexbox tree ensuring that when any item is invalidated its whole subtree will be re-calculated</p>

                      </div>
                      <div class="declaration">
                        <h4>Declaration</h4>
                        <div class="language">
                          <p class="aside-title">Swift</p>
                          <pre class="highlight"><code><span class="kd">public</span> <span class="kd">func</span> <span class="nf">markDirty</span><span class="p">()</span> <span class="o">-&gt;</span> <span class="kt">Flex</span></code></pre>

                        </div>
                      </div>
                      <div>
                        <h4>Return Value</h4>
                        <p>Flex interface</p>
                      </div>
                      <div class="slightly-smaller">
                        <a href="https://github.com/lucdion/FlexLayout/tree/master/Sources/FlexLayout.swift#L144-L147">Show on GitHub</a>
                      </div>
                    </section>
                  </div>
                </li>
                <li class="item">
                  <div>
                    <code>
                    <a name="/s:FC10FlexLayout4Flex12sizeThatFitsFT4sizeVSC6CGSize_S1_"></a>
                    <a name="//apple_ref/swift/Method/sizeThatFits(size:)" class="dashAnchor"></a>
                    <a class="token" href="#/s:FC10FlexLayout4Flex12sizeThatFitsFT4sizeVSC6CGSize_S1_">sizeThatFits(size:)</a>
                    </code>
                  </div>
                  <div class="height-container">
                    <div class="pointer-container"></div>
                    <section class="section">
                      <div class="pointer"></div>
                      <div class="abstract">
                        <p>Returns the item size when layouted in the specified frame size</p>

                      </div>
                      <div class="declaration">
                        <h4>Declaration</h4>
                        <div class="language">
                          <p class="aside-title">Swift</p>
                          <pre class="highlight"><code><span class="kd">public</span> <span class="kd">func</span> <span class="nf">sizeThatFits</span><span class="p">(</span><span class="nv">size</span><span class="p">:</span> <span class="kt">CGSize</span><span class="p">)</span> <span class="o">-&gt;</span> <span class="kt">CGSize</span></code></pre>

                        </div>
                      </div>
                      <div>
                        <h4>Parameters</h4>
                        <table class="graybox">
                          <tbody>
                            <tr>
                              <td>
                                <code>
                                <em>size</em>
                                </code>
                              </td>
                              <td>
                                <div>
                                  <p>frame size</p>
                                </div>
                              </td>
                            </tr>
                          </tbody>
                        </table>
                      </div>
                      <div>
                        <h4>Return Value</h4>
                        <p>item size</p>
                      </div>
                      <div class="slightly-smaller">
                        <a href="https://github.com/lucdion/FlexLayout/tree/master/Sources/FlexLayout.swift#L155-L157">Show on GitHub</a>
                      </div>
                    </section>
                  </div>
                </li>
              </ul>
            </div>
            <div class="task-group">
              <div class="task-name-container">
                <a name="/Direction,%20wrap,%20flow"></a>
                <a name="//apple_ref/swift/Section/Direction, wrap, flow" class="dashAnchor"></a>
                <a href="#/Direction,%20wrap,%20flow">
                  <h3 class="section-name">Direction, wrap, flow</h3>
                </a>
              </div>
              <ul>
                <li class="item">
                  <div>
                    <code>
                    <a name="/s:FC10FlexLayout4Flex9directionFOS0_9DirectionS0_"></a>
                    <a name="//apple_ref/swift/Method/direction(_:)" class="dashAnchor"></a>
                    <a class="token" href="#/s:FC10FlexLayout4Flex9directionFOS0_9DirectionS0_">direction(_:)</a>
                    </code>
                  </div>
                  <div class="height-container">
                    <div class="pointer-container"></div>
                    <section class="section">
                      <div class="pointer"></div>
                      <div class="abstract">
                        <p>The <code>direction</code> property establishes the main-axis, thus defining the direction flex items are placed in the flex container.</p>

<p>The <code>direction</code> property specifies how flex items are laid out in the flex container, by setting the direction of the flex 
container’s main axis. They can be laid out in two main directions,  like columns vertically or like rows horizontally.</p>

<p>Note that row and row-reverse are affected by the layout direction (see <code>layoutDirection</code> property) of the flex container. 
If its text direction is LTR (left to right), row represents the horizontal axis oriented from left to right, and row-reverse 
from right to left; if the direction is rtl, it&rsquo;s the opposite.</p>

                      </div>
                      <div class="declaration">
                        <h4>Declaration</h4>
                        <div class="language">
                          <p class="aside-title">Swift</p>
                          <pre class="highlight"><code><span class="kd">public</span> <span class="kd">func</span> <span class="nf">direction</span><span class="p">(</span><span class="n">_</span> <span class="nv">value</span><span class="p">:</span> <span class="kt"><a href="../Classes/Flex/Direction.html">Direction</a></span><span class="p">)</span> <span class="o">-&gt;</span> <span class="kt">Flex</span></code></pre>

                        </div>
                      </div>
                      <div>
                        <h4>Parameters</h4>
                        <table class="graybox">
                          <tbody>
                            <tr>
                              <td>
                                <code>
                                <em>value</em>
                                </code>
                              </td>
                              <td>
                                <div>
                                  <p>Default value is .column</p>
                                </div>
                              </td>
                            </tr>
                          </tbody>
                        </table>
                      </div>
                      <div class="slightly-smaller">
                        <a href="https://github.com/lucdion/FlexLayout/tree/master/Sources/FlexLayout.swift#L176-L179">Show on GitHub</a>
                      </div>
                    </section>
                  </div>
                </li>
                <li class="item">
                  <div>
                    <code>
                    <a name="/s:FC10FlexLayout4Flex4wrapFOS0_4WrapS0_"></a>
                    <a name="//apple_ref/swift/Method/wrap(_:)" class="dashAnchor"></a>
                    <a class="token" href="#/s:FC10FlexLayout4Flex4wrapFOS0_4WrapS0_">wrap(_:)</a>
                    </code>
                  </div>
                  <div class="height-container">
                    <div class="pointer-container"></div>
                    <section class="section">
                      <div class="pointer"></div>
                      <div class="abstract">
                        <p>The <code>wrap</code> property controls whether the flex container is single-lined or multi-lined, and the direction of the cross-axis, which determines the direction in which the new lines are stacked in.</p>

                      </div>
                      <div class="declaration">
                        <h4>Declaration</h4>
                        <div class="language">
                          <p class="aside-title">Swift</p>
                          <pre class="highlight"><code><span class="kd">public</span> <span class="kd">func</span> <span class="nf">wrap</span><span class="p">(</span><span class="n">_</span> <span class="nv">value</span><span class="p">:</span> <span class="kt"><a href="../Classes/Flex/Wrap.html">Wrap</a></span><span class="p">)</span> <span class="o">-&gt;</span> <span class="kt">Flex</span></code></pre>

                        </div>
                      </div>
                      <div>
                        <h4>Parameters</h4>
                        <table class="graybox">
                          <tbody>
                            <tr>
                              <td>
                                <code>
                                <em>value</em>
                                </code>
                              </td>
                              <td>
                                <div>
                                  <p>Default value is .noWrap</p>
                                </div>
                              </td>
                            </tr>
                          </tbody>
                        </table>
                      </div>
                      <div class="slightly-smaller">
                        <a href="https://github.com/lucdion/FlexLayout/tree/master/Sources/FlexLayout.swift#L187-L190">Show on GitHub</a>
                      </div>
                    </section>
                  </div>
                </li>
                <li class="item">
                  <div>
                    <code>
                    <a name="/s:FC10FlexLayout4Flex15layoutDirectionFOS0_15LayoutDirectionS0_"></a>
                    <a name="//apple_ref/swift/Method/layoutDirection(_:)" class="dashAnchor"></a>
                    <a class="token" href="#/s:FC10FlexLayout4Flex15layoutDirectionFOS0_15LayoutDirectionS0_">layoutDirection(_:)</a>
                    </code>
                  </div>
                  <div class="height-container">
                    <div class="pointer-container"></div>
                    <section class="section">
                      <div class="pointer"></div>
                      <div class="abstract">
                        <p>Direction defaults to Inherit on all nodes except the root which defaults to LTR. It is up to you to detect the 
user’s preferred direction (most platforms have a standard way of doing this) and setting this direction on the 
root of your layout tree.</p>

                      </div>
                      <div class="declaration">
                        <h4>Declaration</h4>
                        <div class="language">
                          <p class="aside-title">Swift</p>
                          <pre class="highlight"><code><span class="kd">public</span> <span class="kd">func</span> <span class="nf">layoutDirection</span><span class="p">(</span><span class="n">_</span> <span class="nv">value</span><span class="p">:</span> <span class="kt"><a href="../Classes/Flex/LayoutDirection.html">LayoutDirection</a></span><span class="p">)</span> <span class="o">-&gt;</span> <span class="kt">Flex</span></code></pre>

                        </div>
                      </div>
                      <div>
                        <h4>Parameters</h4>
                        <table class="graybox">
                          <tbody>
                            <tr>
                              <td>
                                <code>
                                <em>value</em>
                                </code>
                              </td>
                              <td>
                                <div>
                                  <p>new LayoutDirection</p>
                                </div>
                              </td>
                            </tr>
                          </tbody>
                        </table>
                      </div>
                      <div>
                        <h4>Return Value</h4>
                        <p></p>
                      </div>
                      <div class="slightly-smaller">
                        <a href="https://github.com/lucdion/FlexLayout/tree/master/Sources/FlexLayout.swift#L201-L216">Show on GitHub</a>
                      </div>
                    </section>
                  </div>
                </li>
              </ul>
            </div>
            <div class="task-group">
              <div class="task-name-container">
                <a name="/justity,%20alignment,%20position"></a>
                <a name="//apple_ref/swift/Section/justity, alignment, position" class="dashAnchor"></a>
                <a href="#/justity,%20alignment,%20position">
                  <h3 class="section-name">justity, alignment, position</h3>
                </a>
              </div>
              <ul>
                <li class="item">
                  <div>
                    <code>
                    <a name="/s:FC10FlexLayout4Flex14justifyContentFOS0_14JustifyContentS0_"></a>
                    <a name="//apple_ref/swift/Method/justifyContent(_:)" class="dashAnchor"></a>
                    <a class="token" href="#/s:FC10FlexLayout4Flex14justifyContentFOS0_14JustifyContentS0_">justifyContent(_:)</a>
                    </code>
                  </div>
                  <div class="height-container">
                    <div class="pointer-container"></div>
                    <section class="section">
                      <div class="pointer"></div>
                      <div class="abstract">
                        <p>The <code>justifyContent</code> property defines the alignment along the main-axis of the current line of the flex container. 
It helps distribute extra free space leftover when either all the flex items on a line have reached their maximum 
size. For example, if children are flowing vertically, <code>justifyContent</code> controls how they align vertically.</p>

                      </div>
                      <div class="declaration">
                        <h4>Declaration</h4>
                        <div class="language">
                          <p class="aside-title">Swift</p>
                          <pre class="highlight"><code><span class="kd">public</span> <span class="kd">func</span> <span class="nf">justifyContent</span><span class="p">(</span><span class="n">_</span> <span class="nv">value</span><span class="p">:</span> <span class="kt"><a href="../Classes/Flex/JustifyContent.html">JustifyContent</a></span><span class="p">)</span> <span class="o">-&gt;</span> <span class="kt">Flex</span></code></pre>

                        </div>
                      </div>
                      <div>
                        <h4>Parameters</h4>
                        <table class="graybox">
                          <tbody>
                            <tr>
                              <td>
                                <code>
                                <em>value</em>
                                </code>
                              </td>
                              <td>
                                <div>
                                  <p>Default value is .start</p>
                                </div>
                              </td>
                            </tr>
                          </tbody>
                        </table>
                      </div>
                      <div class="slightly-smaller">
                        <a href="https://github.com/lucdion/FlexLayout/tree/master/Sources/FlexLayout.swift#L230-L233">Show on GitHub</a>
                      </div>
                    </section>
                  </div>
                </li>
                <li class="item">
                  <div>
                    <code>
                    <a name="/s:FC10FlexLayout4Flex12alignContentFOS0_12AlignContentS0_"></a>
                    <a name="//apple_ref/swift/Method/alignContent(_:)" class="dashAnchor"></a>
                    <a class="token" href="#/s:FC10FlexLayout4Flex12alignContentFOS0_12AlignContentS0_">alignContent(_:)</a>
                    </code>
                  </div>
                  <div class="height-container">
                    <div class="pointer-container"></div>
                    <section class="section">
                      <div class="pointer"></div>
                      <div class="abstract">
                        <p>The align-content property aligns a flex container’s lines within the flex container when there is extra space 
in the cross-axis, similar to how justifyContent aligns individual items within the main-axis.</p>

                      </div>
                      <div class="declaration">
                        <h4>Declaration</h4>
                        <div class="language">
                          <p class="aside-title">Swift</p>
                          <pre class="highlight"><code><span class="kd">public</span> <span class="kd">func</span> <span class="nf">alignContent</span><span class="p">(</span><span class="n">_</span> <span class="nv">value</span><span class="p">:</span> <span class="kt"><a href="../Classes/Flex/AlignContent.html">AlignContent</a></span><span class="p">)</span> <span class="o">-&gt;</span> <span class="kt">Flex</span></code></pre>

                        </div>
                      </div>
                      <div>
                        <h4>Parameters</h4>
                        <table class="graybox">
                          <tbody>
                            <tr>
                              <td>
                                <code>
                                <em>value</em>
                                </code>
                              </td>
                              <td>
                                <div>
                                  <p>Default value is .start</p>
                                </div>
                              </td>
                            </tr>
                          </tbody>
                        </table>
                      </div>
                      <div class="slightly-smaller">
                        <a href="https://github.com/lucdion/FlexLayout/tree/master/Sources/FlexLayout.swift#L242-L245">Show on GitHub</a>
                      </div>
                    </section>
                  </div>
                </li>
                <li class="item">
                  <div>
                    <code>
                    <a name="/s:FC10FlexLayout4Flex9alignSelfFOS0_9AlignSelfS0_"></a>
                    <a name="//apple_ref/swift/Method/alignSelf(_:)" class="dashAnchor"></a>
                    <a class="token" href="#/s:FC10FlexLayout4Flex9alignSelfFOS0_9AlignSelfS0_">alignSelf(_:)</a>
                    </code>
                  </div>
                  <div class="height-container">
                    <div class="pointer-container"></div>
                    <section class="section">
                      <div class="pointer"></div>
                      <div class="abstract">
                        <p>The <code>alignSelf</code> property controls how a child aligns in the cross direction, overriding the <code>alignItems</code>
of the parent. For example, if children are flowing vertically, <code>alignSelf</code> will control how the flex item 
will align horizontally.</p>

                      </div>
                      <div class="declaration">
                        <h4>Declaration</h4>
                        <div class="language">
                          <p class="aside-title">Swift</p>
                          <pre class="highlight"><code><span class="kd">public</span> <span class="kd">func</span> <span class="nf">alignSelf</span><span class="p">(</span><span class="n">_</span> <span class="nv">value</span><span class="p">:</span> <span class="kt"><a href="../Classes/Flex/AlignSelf.html">AlignSelf</a></span><span class="p">)</span> <span class="o">-&gt;</span> <span class="kt">Flex</span></code></pre>

                        </div>
                      </div>
                      <div>
                        <h4>Parameters</h4>
                        <table class="graybox">
                          <tbody>
                            <tr>
                              <td>
                                <code>
                                <em>value</em>
                                </code>
                              </td>
                              <td>
                                <div>
                                  <p>Default value is .auto</p>
                                </div>
                              </td>
                            </tr>
                          </tbody>
                        </table>
                      </div>
                      <div class="slightly-smaller">
                        <a href="https://github.com/lucdion/FlexLayout/tree/master/Sources/FlexLayout.swift#L255-L258">Show on GitHub</a>
                      </div>
                    </section>
                  </div>
                </li>
                <li class="item">
                  <div>
                    <code>
                    <a name="/s:FC10FlexLayout4Flex10alignItemsFOS0_10AlignItemsS0_"></a>
                    <a name="//apple_ref/swift/Method/alignItems(_:)" class="dashAnchor"></a>
                    <a class="token" href="#/s:FC10FlexLayout4Flex10alignItemsFOS0_10AlignItemsS0_">alignItems(_:)</a>
                    </code>
                  </div>
                  <div class="height-container">
                    <div class="pointer-container"></div>
                    <section class="section">
                      <div class="pointer"></div>
                      <div class="abstract">
                        <p>The <code>alignItems</code> property defines how flex items are laid out along the cross axis on the current line. 
Similar to <code>justifyContent</code> but for the cross-axis (perpendicular to the main-axis). For example, if 
children are flowing vertically, <code>alignItems</code> controls how they align horizontally.</p>

                      </div>
                      <div class="declaration">
                        <h4>Declaration</h4>
                        <div class="language">
                          <p class="aside-title">Swift</p>
                          <pre class="highlight"><code><span class="kd">public</span> <span class="kd">func</span> <span class="nf">alignItems</span><span class="p">(</span><span class="n">_</span> <span class="nv">value</span><span class="p">:</span> <span class="kt"><a href="../Classes/Flex/AlignItems.html">AlignItems</a></span><span class="p">)</span> <span class="o">-&gt;</span> <span class="kt">Flex</span></code></pre>

                        </div>
                      </div>
                      <div>
                        <h4>Parameters</h4>
                        <table class="graybox">
                          <tbody>
                            <tr>
                              <td>
                                <code>
                                <em>value</em>
                                </code>
                              </td>
                              <td>
                                <div>
                                  <p>Default value is .stretch</p>
                                </div>
                              </td>
                            </tr>
                          </tbody>
                        </table>
                      </div>
                      <div class="slightly-smaller">
                        <a href="https://github.com/lucdion/FlexLayout/tree/master/Sources/FlexLayout.swift#L268-L271">Show on GitHub</a>
                      </div>
                    </section>
                  </div>
                </li>
              </ul>
            </div>
            <div class="task-group">
              <div class="task-name-container">
                <a name="/grow%20/%20shrink%20/%20basis"></a>
                <a name="//apple_ref/swift/Section/grow / shrink / basis" class="dashAnchor"></a>
                <a href="#/grow%20/%20shrink%20/%20basis">
                  <h3 class="section-name">grow / shrink / basis</h3>
                </a>
              </div>
              <ul>
                <li class="item">
                  <div>
                    <code>
                    <a name="/s:FC10FlexLayout4Flex4growFV12CoreGraphics7CGFloatS0_"></a>
                    <a name="//apple_ref/swift/Method/grow(_:)" class="dashAnchor"></a>
                    <a class="token" href="#/s:FC10FlexLayout4Flex4growFV12CoreGraphics7CGFloatS0_">grow(_:)</a>
                    </code>
                  </div>
                  <div class="height-container">
                    <div class="pointer-container"></div>
                    <section class="section">
                      <div class="pointer"></div>
                      <div class="abstract">
                        <p>The <code>grow</code> property defines the ability for a flex item to grow if necessary. It accepts a unitless value 
that serves as a proportion. It dictates what amount of the available space inside the flex container the 
item should take up.</p>

                      </div>
                      <div class="declaration">
                        <h4>Declaration</h4>
                        <div class="language">
                          <p class="aside-title">Swift</p>
                          <pre class="highlight"><code><span class="kd">public</span> <span class="kd">func</span> <span class="nf">grow</span><span class="p">(</span><span class="n">_</span> <span class="nv">value</span><span class="p">:</span> <span class="kt">CGFloat</span><span class="p">)</span> <span class="o">-&gt;</span> <span class="kt">Flex</span></code></pre>

                        </div>
                      </div>
                      <div>
                        <h4>Parameters</h4>
                        <table class="graybox">
                          <tbody>
                            <tr>
                              <td>
                                <code>
                                <em>value</em>
                                </code>
                              </td>
                              <td>
                                <div>
                                  <p>Default value is 0</p>
                                </div>
                              </td>
                            </tr>
                          </tbody>
                        </table>
                      </div>
                      <div class="slightly-smaller">
                        <a href="https://github.com/lucdion/FlexLayout/tree/master/Sources/FlexLayout.swift#L291-L294">Show on GitHub</a>
                      </div>
                    </section>
                  </div>
                </li>
                <li class="item">
                  <div>
                    <code>
                    <a name="/s:FC10FlexLayout4Flex6shrinkFV12CoreGraphics7CGFloatS0_"></a>
                    <a name="//apple_ref/swift/Method/shrink(_:)" class="dashAnchor"></a>
                    <a class="token" href="#/s:FC10FlexLayout4Flex6shrinkFV12CoreGraphics7CGFloatS0_">shrink(_:)</a>
                    </code>
                  </div>
                  <div class="height-container">
                    <div class="pointer-container"></div>
                    <section class="section">
                      <div class="pointer"></div>
                      <div class="abstract">
                        <p>It specifies the <q>flex shrink factor</q>, which determines how much the flex item will shrink relative to the 
rest of the flex items in the flex container when there isn&rsquo;t enough space on the main-axis.</p>

<p>When omitted, it is set to 0 and the flex shrink factor is multiplied by the flex <code>basis</code> when distributing 
negative space.</p>

<p>A shrink value of 0 keeps the view&rsquo;s size in the main-axis direction. Note that this may cause the view to 
overflow its flex container.</p>

                      </div>
                      <div class="declaration">
                        <h4>Declaration</h4>
                        <div class="language">
                          <p class="aside-title">Swift</p>
                          <pre class="highlight"><code><span class="kd">public</span> <span class="kd">func</span> <span class="nf">shrink</span><span class="p">(</span><span class="n">_</span> <span class="nv">value</span><span class="p">:</span> <span class="kt">CGFloat</span><span class="p">)</span> <span class="o">-&gt;</span> <span class="kt">Flex</span></code></pre>

                        </div>
                      </div>
                      <div>
                        <h4>Parameters</h4>
                        <table class="graybox">
                          <tbody>
                            <tr>
                              <td>
                                <code>
                                <em>value</em>
                                </code>
                              </td>
                              <td>
                                <div>
                                  <p>Default value is 1</p>
                                </div>
                              </td>
                            </tr>
                          </tbody>
                        </table>
                      </div>
                      <div class="slightly-smaller">
                        <a href="https://github.com/lucdion/FlexLayout/tree/master/Sources/FlexLayout.swift#L309-L312">Show on GitHub</a>
                      </div>
                    </section>
                  </div>
                </li>
                <li class="item">
                  <div>
                    <code>
                    <a name="/s:FC10FlexLayout4Flex5basisFGSqV12CoreGraphics7CGFloat_S0_"></a>
                    <a name="//apple_ref/swift/Method/basis(_:)" class="dashAnchor"></a>
                    <a class="token" href="#/s:FC10FlexLayout4Flex5basisFGSqV12CoreGraphics7CGFloat_S0_">basis(_:)</a>
                    </code>
                  </div>
                  <div class="height-container">
                    <div class="pointer-container"></div>
                    <section class="section">
                      <div class="pointer"></div>
                      <div class="abstract">
                        <p>This property takes the same values as the width and height properties, and specifies the initial size of the
flex item, before free space is distributed according to the grow and shrink factors.</p>

<p>Specifying <code>nil</code> set the basis as <code>auto</code>, which means the length is equal to the length of the item. If the 
item has no length specified, the length will be according to its content.</p>

                      </div>
                      <div class="declaration">
                        <h4>Declaration</h4>
                        <div class="language">
                          <p class="aside-title">Swift</p>
                          <pre class="highlight"><code><span class="kd">public</span> <span class="kd">func</span> <span class="nf">basis</span><span class="p">(</span><span class="n">_</span> <span class="nv">value</span><span class="p">:</span> <span class="kt">CGFloat</span><span class="p">?)</span> <span class="o">-&gt;</span> <span class="kt">Flex</span></code></pre>

                        </div>
                      </div>
                      <div>
                        <h4>Parameters</h4>
                        <table class="graybox">
                          <tbody>
                            <tr>
                              <td>
                                <code>
                                <em>value</em>
                                </code>
                              </td>
                              <td>
                                <div>
                                  <p>Default value is 0</p>
                                </div>
                              </td>
                            </tr>
                          </tbody>
                        </table>
                      </div>
                      <div class="slightly-smaller">
                        <a href="https://github.com/lucdion/FlexLayout/tree/master/Sources/FlexLayout.swift#L324-L331">Show on GitHub</a>
                      </div>
                    </section>
                  </div>
                </li>
              </ul>
            </div>
            <div class="task-group">
              <div class="task-name-container">
                <a name="/Width%20/%20height%20/%20height"></a>
                <a name="//apple_ref/swift/Section/Width / height / height" class="dashAnchor"></a>
                <a href="#/Width%20/%20height%20/%20height">
                  <h3 class="section-name">Width / height / height</h3>
                </a>
              </div>
              <ul>
                <li class="item">
                  <div>
                    <code>
                    <a name="/s:FC10FlexLayout4Flex5widthFV12CoreGraphics7CGFloatS0_"></a>
                    <a name="//apple_ref/swift/Method/width(_:)" class="dashAnchor"></a>
                    <a class="token" href="#/s:FC10FlexLayout4Flex5widthFV12CoreGraphics7CGFloatS0_">width(_:)</a>
                    </code>
                  </div>
                  <div class="height-container">
                    <div class="pointer-container"></div>
                    <section class="section">
                      <div class="pointer"></div>
                      <div class="abstract">
                        <p>The value specifies the view&rsquo;s width in pixels. The value must be non-negative.</p>

                      </div>
                      <div class="declaration">
                        <h4>Declaration</h4>
                        <div class="language">
                          <p class="aside-title">Swift</p>
                          <pre class="highlight"><code><span class="kd">public</span> <span class="kd">func</span> <span class="nf">width</span><span class="p">(</span><span class="n">_</span> <span class="nv">value</span><span class="p">:</span> <span class="kt">CGFloat</span><span class="p">)</span> <span class="o">-&gt;</span> <span class="kt">Flex</span></code></pre>

                        </div>
                      </div>
                      <div class="slightly-smaller">
                        <a href="https://github.com/lucdion/FlexLayout/tree/master/Sources/FlexLayout.swift#L341-L344">Show on GitHub</a>
                      </div>
                    </section>
                  </div>
                </li>
                <li class="item">
                  <div>
                    <code>
                    <a name="/s:FC10FlexLayout4Flex6heightFV12CoreGraphics7CGFloatS0_"></a>
                    <a name="//apple_ref/swift/Method/height(_:)" class="dashAnchor"></a>
                    <a class="token" href="#/s:FC10FlexLayout4Flex6heightFV12CoreGraphics7CGFloatS0_">height(_:)</a>
                    </code>
                  </div>
                  <div class="height-container">
                    <div class="pointer-container"></div>
                    <section class="section">
                      <div class="pointer"></div>
                      <div class="abstract">
                        <p>The value specifies the view&rsquo;s height in pixels. The value must be non-negative.</p>

                      </div>
                      <div class="declaration">
                        <h4>Declaration</h4>
                        <div class="language">
                          <p class="aside-title">Swift</p>
                          <pre class="highlight"><code><span class="kd">public</span> <span class="kd">func</span> <span class="nf">height</span><span class="p">(</span><span class="n">_</span> <span class="nv">value</span><span class="p">:</span> <span class="kt">CGFloat</span><span class="p">)</span> <span class="o">-&gt;</span> <span class="kt">Flex</span></code></pre>

                        </div>
                      </div>
                      <div class="slightly-smaller">
                        <a href="https://github.com/lucdion/FlexLayout/tree/master/Sources/FlexLayout.swift#L350-L353">Show on GitHub</a>
                      </div>
                    </section>
                  </div>
                </li>
                <li class="item">
                  <div>
                    <code>
                    <a name="/s:FC10FlexLayout4Flex4sizeFVSC6CGSizeS0_"></a>
                    <a name="//apple_ref/swift/Method/size(_:)" class="dashAnchor"></a>
                    <a class="token" href="#/s:FC10FlexLayout4Flex4sizeFVSC6CGSizeS0_">size(_:)</a>
                    </code>
                  </div>
                  <div class="height-container">
                    <div class="pointer-container"></div>
                    <section class="section">
                      <div class="pointer"></div>
                      <div class="abstract">
                        <p>The value specifies view&rsquo;s width and the height in pixels. Values must be non-negative.</p>

                      </div>
                      <div class="declaration">
                        <h4>Declaration</h4>
                        <div class="language">
                          <p class="aside-title">Swift</p>
                          <pre class="highlight"><code><span class="kd">public</span> <span class="kd">func</span> <span class="nf">size</span><span class="p">(</span><span class="n">_</span> <span class="nv">size</span><span class="p">:</span> <span class="kt">CGSize</span><span class="p">)</span> <span class="o">-&gt;</span> <span class="kt">Flex</span></code></pre>

                        </div>
                      </div>
                      <div class="slightly-smaller">
                        <a href="https://github.com/lucdion/FlexLayout/tree/master/Sources/FlexLayout.swift#L359-L363">Show on GitHub</a>
                      </div>
                    </section>
                  </div>
                </li>
                <li class="item">
                  <div>
                    <code>
                    <a name="/s:FC10FlexLayout4Flex4sizeFV12CoreGraphics7CGFloatS0_"></a>
                    <a name="//apple_ref/swift/Method/size(_:)" class="dashAnchor"></a>
                    <a class="token" href="#/s:FC10FlexLayout4Flex4sizeFV12CoreGraphics7CGFloatS0_">size(_:)</a>
                    </code>
                  </div>
                  <div class="height-container">
                    <div class="pointer-container"></div>
                    <section class="section">
                      <div class="pointer"></div>
                      <div class="abstract">
                        <p>The value specifies the width and the height of the view in pixels, creating a square view. Values must be non-negative.</p>

                      </div>
                      <div class="declaration">
                        <h4>Declaration</h4>
                        <div class="language">
                          <p class="aside-title">Swift</p>
                          <pre class="highlight"><code><span class="kd">public</span> <span class="kd">func</span> <span class="nf">size</span><span class="p">(</span><span class="n">_</span> <span class="nv">sideLength</span><span class="p">:</span> <span class="kt">CGFloat</span><span class="p">)</span> <span class="o">-&gt;</span> <span class="kt">Flex</span></code></pre>

                        </div>
                      </div>
                      <div class="slightly-smaller">
                        <a href="https://github.com/lucdion/FlexLayout/tree/master/Sources/FlexLayout.swift#L369-L373">Show on GitHub</a>
                      </div>
                    </section>
                  </div>
                </li>
                <li class="item">
                  <div>
                    <code>
                    <a name="/s:FC10FlexLayout4Flex8minWidthFV12CoreGraphics7CGFloatS0_"></a>
                    <a name="//apple_ref/swift/Method/minWidth(_:)" class="dashAnchor"></a>
                    <a class="token" href="#/s:FC10FlexLayout4Flex8minWidthFV12CoreGraphics7CGFloatS0_">minWidth(_:)</a>
                    </code>
                  </div>
                  <div class="height-container">
                    <div class="pointer-container"></div>
                    <section class="section">
                      <div class="pointer"></div>
                      <div class="abstract">
                        <p>The value specifies the view&rsquo;s minimum width of the view in pixels. The value must be non-negative.</p>

                      </div>
                      <div class="declaration">
                        <h4>Declaration</h4>
                        <div class="language">
                          <p class="aside-title">Swift</p>
                          <pre class="highlight"><code><span class="kd">public</span> <span class="kd">func</span> <span class="nf">minWidth</span><span class="p">(</span><span class="n">_</span> <span class="nv">value</span><span class="p">:</span> <span class="kt">CGFloat</span><span class="p">)</span> <span class="o">-&gt;</span> <span class="kt">Flex</span></code></pre>

                        </div>
                      </div>
                      <div class="slightly-smaller">
                        <a href="https://github.com/lucdion/FlexLayout/tree/master/Sources/FlexLayout.swift#L379-L382">Show on GitHub</a>
                      </div>
                    </section>
                  </div>
                </li>
                <li class="item">
                  <div>
                    <code>
                    <a name="/s:FC10FlexLayout4Flex8maxWidthFV12CoreGraphics7CGFloatS0_"></a>
                    <a name="//apple_ref/swift/Method/maxWidth(_:)" class="dashAnchor"></a>
                    <a class="token" href="#/s:FC10FlexLayout4Flex8maxWidthFV12CoreGraphics7CGFloatS0_">maxWidth(_:)</a>
                    </code>
                  </div>
                  <div class="height-container">
                    <div class="pointer-container"></div>
                    <section class="section">
                      <div class="pointer"></div>
                      <div class="abstract">
                        <p>The value specifies the view&rsquo;s maximum width of the view in pixels. The value must be non-negative.</p>

                      </div>
                      <div class="declaration">
                        <h4>Declaration</h4>
                        <div class="language">
                          <p class="aside-title">Swift</p>
                          <pre class="highlight"><code><span class="kd">public</span> <span class="kd">func</span> <span class="nf">maxWidth</span><span class="p">(</span><span class="n">_</span> <span class="nv">value</span><span class="p">:</span> <span class="kt">CGFloat</span><span class="p">)</span> <span class="o">-&gt;</span> <span class="kt">Flex</span></code></pre>

                        </div>
                      </div>
                      <div class="slightly-smaller">
                        <a href="https://github.com/lucdion/FlexLayout/tree/master/Sources/FlexLayout.swift#L388-L391">Show on GitHub</a>
                      </div>
                    </section>
                  </div>
                </li>
                <li class="item">
                  <div>
                    <code>
                    <a name="/s:FC10FlexLayout4Flex9minHeightFV12CoreGraphics7CGFloatS0_"></a>
                    <a name="//apple_ref/swift/Method/minHeight(_:)" class="dashAnchor"></a>
                    <a class="token" href="#/s:FC10FlexLayout4Flex9minHeightFV12CoreGraphics7CGFloatS0_">minHeight(_:)</a>
                    </code>
                  </div>
                  <div class="height-container">
                    <div class="pointer-container"></div>
                    <section class="section">
                      <div class="pointer"></div>
                      <div class="abstract">
                        <p>The value specifies the view&rsquo;s minimum height of the view in pixels. The value must be non-negative.</p>

                      </div>
                      <div class="declaration">
                        <h4>Declaration</h4>
                        <div class="language">
                          <p class="aside-title">Swift</p>
                          <pre class="highlight"><code><span class="kd">public</span> <span class="kd">func</span> <span class="nf">minHeight</span><span class="p">(</span><span class="n">_</span> <span class="nv">value</span><span class="p">:</span> <span class="kt">CGFloat</span><span class="p">)</span> <span class="o">-&gt;</span> <span class="kt">Flex</span></code></pre>

                        </div>
                      </div>
                      <div class="slightly-smaller">
                        <a href="https://github.com/lucdion/FlexLayout/tree/master/Sources/FlexLayout.swift#L397-L400">Show on GitHub</a>
                      </div>
                    </section>
                  </div>
                </li>
                <li class="item">
                  <div>
                    <code>
                    <a name="/s:FC10FlexLayout4Flex9maxHeightFV12CoreGraphics7CGFloatS0_"></a>
                    <a name="//apple_ref/swift/Method/maxHeight(_:)" class="dashAnchor"></a>
                    <a class="token" href="#/s:FC10FlexLayout4Flex9maxHeightFV12CoreGraphics7CGFloatS0_">maxHeight(_:)</a>
                    </code>
                  </div>
                  <div class="height-container">
                    <div class="pointer-container"></div>
                    <section class="section">
                      <div class="pointer"></div>
                      <div class="abstract">
                        <p>The value specifies the view&rsquo;s maximum height of the view in pixels. The value must be non-negative.</p>

                      </div>
                      <div class="declaration">
                        <h4>Declaration</h4>
                        <div class="language">
                          <p class="aside-title">Swift</p>
                          <pre class="highlight"><code><span class="kd">public</span> <span class="kd">func</span> <span class="nf">maxHeight</span><span class="p">(</span><span class="n">_</span> <span class="nv">value</span><span class="p">:</span> <span class="kt">CGFloat</span><span class="p">)</span> <span class="o">-&gt;</span> <span class="kt">Flex</span></code></pre>

                        </div>
                      </div>
                      <div class="slightly-smaller">
                        <a href="https://github.com/lucdion/FlexLayout/tree/master/Sources/FlexLayout.swift#L406-L409">Show on GitHub</a>
                      </div>
                    </section>
                  </div>
                </li>
                <li class="item">
                  <div>
                    <code>
                    <a name="/s:FC10FlexLayout4Flex11aspectRatioFV12CoreGraphics7CGFloatS0_"></a>
                    <a name="//apple_ref/swift/Method/aspectRatio(_:)" class="dashAnchor"></a>
                    <a class="token" href="#/s:FC10FlexLayout4Flex11aspectRatioFV12CoreGraphics7CGFloatS0_">aspectRatio(_:)</a>
                    </code>
                  </div>
                  <div class="height-container">
                    <div class="pointer-container"></div>
                    <section class="section">
                      <div class="pointer"></div>
                      <div class="abstract">
                        <p>AspectRatio is a property introduced by Yoga that don&rsquo;t exist in CSS. AspectRatio solves the problem of knowing 
one dimension of an element and an aspect ratio, this is very common when it comes to images, videos, and other
media types. AspectRatio accepts any floating point value &gt; 0, the default is undefined.</p>

                      </div>
                      <div class="declaration">
                        <h4>Declaration</h4>
                        <div class="language">
                          <p class="aside-title">Swift</p>
                          <pre class="highlight"><code><span class="kd">public</span> <span class="kd">func</span> <span class="nf">aspectRatio</span><span class="p">(</span><span class="n">_</span> <span class="nv">value</span><span class="p">:</span> <span class="kt">CGFloat</span><span class="p">)</span> <span class="o">-&gt;</span> <span class="kt">Flex</span></code></pre>

                        </div>
                      </div>
                      <div>
                        <h4>Parameters</h4>
                        <table class="graybox">
                          <tbody>
                            <tr>
                              <td>
                                <code>
                                <em>value</em>
                                </code>
                              </td>
                              <td>
                                <div>
                                  <p></p>
                                </div>
                              </td>
                            </tr>
                          </tbody>
                        </table>
                      </div>
                      <div>
                        <h4>Return Value</h4>
                        <p></p>
                      </div>
                      <div class="slightly-smaller">
                        <a href="https://github.com/lucdion/FlexLayout/tree/master/Sources/FlexLayout.swift#L420-L423">Show on GitHub</a>
                      </div>
                    </section>
                  </div>
                </li>
                <li class="item">
                  <div>
                    <code>
                    <a name="/s:FC10FlexLayout4Flex11aspectRatioFT2ofCSo11UIImageView_S0_"></a>
                    <a name="//apple_ref/swift/Method/aspectRatio(of:)" class="dashAnchor"></a>
                    <a class="token" href="#/s:FC10FlexLayout4Flex11aspectRatioFT2ofCSo11UIImageView_S0_">aspectRatio(of:)</a>
                    </code>
                  </div>
                  <div class="height-container">
                    <div class="pointer-container"></div>
                    <section class="section">
                      <div class="pointer"></div>
                      <div class="abstract">
                        <p>AspectRatio is a property introduced by Yoga that don&rsquo;t exist in CSS. AspectRatio solves the problem of knowing
one dimension of an element and an aspect ratio, this is very common when it comes to images, videos, and other
media types. AspectRatio accepts any floating point value &gt; 0, the default is undefined.</p>

                      </div>
                      <div class="declaration">
                        <h4>Declaration</h4>
                        <div class="language">
                          <p class="aside-title">Swift</p>
                          <pre class="highlight"><code><span class="kd">public</span> <span class="kd">func</span> <span class="nf">aspectRatio</span><span class="p">(</span><span class="n">of</span> <span class="nv">imageView</span><span class="p">:</span> <span class="kt">UIImageView</span><span class="p">)</span> <span class="o">-&gt;</span> <span class="kt">Flex</span></code></pre>

                        </div>
                      </div>
                      <div>
                        <h4>Parameters</h4>
                        <table class="graybox">
                          <tbody>
                            <tr>
                              <td>
                                <code>
                                <em>value</em>
                                </code>
                              </td>
                              <td>
                                <div>
                                  <p></p>
                                </div>
                              </td>
                            </tr>
                          </tbody>
                        </table>
                      </div>
                      <div>
                        <h4>Return Value</h4>
                        <p></p>
                      </div>
                      <div class="slightly-smaller">
                        <a href="https://github.com/lucdion/FlexLayout/tree/master/Sources/FlexLayout.swift#L434-L439">Show on GitHub</a>
                      </div>
                    </section>
                  </div>
                </li>
              </ul>
            </div>
            <div class="task-group">
              <div class="task-name-container">
                <a name="/Absolute%20positionning"></a>
                <a name="//apple_ref/swift/Section/Absolute positionning" class="dashAnchor"></a>
                <a href="#/Absolute%20positionning">
                  <h3 class="section-name">Absolute positionning</h3>
                </a>
              </div>
              <ul>
                <li class="item">
                  <div>
                    <code>
                    <a name="/s:FC10FlexLayout4Flex8positionFOS0_8PositionS0_"></a>
                    <a name="//apple_ref/swift/Method/position(_:)" class="dashAnchor"></a>
                    <a class="token" href="#/s:FC10FlexLayout4Flex8positionFOS0_8PositionS0_">position(_:)</a>
                    </code>
                  </div>
                  <div class="height-container">
                    <div class="pointer-container"></div>
                    <section class="section">
                      <div class="pointer"></div>
                      <div class="abstract">
                        <p>The position property tells Flexbox how you want your item to be positioned within its parent.</p>

                      </div>
                      <div class="declaration">
                        <h4>Declaration</h4>
                        <div class="language">
                          <p class="aside-title">Swift</p>
                          <pre class="highlight"><code><span class="kd">public</span> <span class="kd">func</span> <span class="nf">position</span><span class="p">(</span><span class="n">_</span> <span class="nv">value</span><span class="p">:</span> <span class="kt"><a href="../Classes/Flex/Position.html">Position</a></span><span class="p">)</span> <span class="o">-&gt;</span> <span class="kt">Flex</span></code></pre>

                        </div>
                      </div>
                      <div>
                        <h4>Parameters</h4>
                        <table class="graybox">
                          <tbody>
                            <tr>
                              <td>
                                <code>
                                <em>value</em>
                                </code>
                              </td>
                              <td>
                                <div>
                                  <p>Default value is .relative</p>
                                </div>
                              </td>
                            </tr>
                          </tbody>
                        </table>
                      </div>
                      <div class="slightly-smaller">
                        <a href="https://github.com/lucdion/FlexLayout/tree/master/Sources/FlexLayout.swift#L451-L454">Show on GitHub</a>
                      </div>
                    </section>
                  </div>
                </li>
                <li class="item">
                  <div>
                    <code>
                    <a name="/s:FC10FlexLayout4Flex4leftFV12CoreGraphics7CGFloatS0_"></a>
                    <a name="//apple_ref/swift/Method/left(_:)" class="dashAnchor"></a>
                    <a class="token" href="#/s:FC10FlexLayout4Flex4leftFV12CoreGraphics7CGFloatS0_">left(_:)</a>
                    </code>
                  </div>
                  <div class="height-container">
                    <div class="pointer-container"></div>
                    <section class="section">
                      <div class="pointer"></div>
                      <div class="abstract">
                        <p>Set the left edge distance from the container left edge in pixels.</p>

                      </div>
                      <div class="declaration">
                        <h4>Declaration</h4>
                        <div class="language">
                          <p class="aside-title">Swift</p>
                          <pre class="highlight"><code><span class="kd">public</span> <span class="kd">func</span> <span class="nf">left</span><span class="p">(</span><span class="n">_</span> <span class="nv">value</span><span class="p">:</span> <span class="kt">CGFloat</span><span class="p">)</span> <span class="o">-&gt;</span> <span class="kt">Flex</span></code></pre>

                        </div>
                      </div>
                      <div class="slightly-smaller">
                        <a href="https://github.com/lucdion/FlexLayout/tree/master/Sources/FlexLayout.swift#L460-L463">Show on GitHub</a>
                      </div>
                    </section>
                  </div>
                </li>
                <li class="item">
                  <div>
                    <code>
                    <a name="/s:FC10FlexLayout4Flex3topFV12CoreGraphics7CGFloatS0_"></a>
                    <a name="//apple_ref/swift/Method/top(_:)" class="dashAnchor"></a>
                    <a class="token" href="#/s:FC10FlexLayout4Flex3topFV12CoreGraphics7CGFloatS0_">top(_:)</a>
                    </code>
                  </div>
                  <div class="height-container">
                    <div class="pointer-container"></div>
                    <section class="section">
                      <div class="pointer"></div>
                      <div class="abstract">
                        <p>Set the top edge distance from the container top edge in pixels.</p>

                      </div>
                      <div class="declaration">
                        <h4>Declaration</h4>
                        <div class="language">
                          <p class="aside-title">Swift</p>
                          <pre class="highlight"><code><span class="kd">public</span> <span class="kd">func</span> <span class="nf">top</span><span class="p">(</span><span class="n">_</span> <span class="nv">value</span><span class="p">:</span> <span class="kt">CGFloat</span><span class="p">)</span> <span class="o">-&gt;</span> <span class="kt">Flex</span></code></pre>

                        </div>
                      </div>
                      <div class="slightly-smaller">
                        <a href="https://github.com/lucdion/FlexLayout/tree/master/Sources/FlexLayout.swift#L469-L472">Show on GitHub</a>
                      </div>
                    </section>
                  </div>
                </li>
                <li class="item">
                  <div>
                    <code>
                    <a name="/s:FC10FlexLayout4Flex5rightFV12CoreGraphics7CGFloatS0_"></a>
                    <a name="//apple_ref/swift/Method/right(_:)" class="dashAnchor"></a>
                    <a class="token" href="#/s:FC10FlexLayout4Flex5rightFV12CoreGraphics7CGFloatS0_">right(_:)</a>
                    </code>
                  </div>
                  <div class="height-container">
                    <div class="pointer-container"></div>
                    <section class="section">
                      <div class="pointer"></div>
                      <div class="abstract">
                        <p>Set the right edge distance from the container right edge in pixels.</p>

                      </div>
                      <div class="declaration">
                        <h4>Declaration</h4>
                        <div class="language">
                          <p class="aside-title">Swift</p>
                          <pre class="highlight"><code><span class="kd">public</span> <span class="kd">func</span> <span class="nf">right</span><span class="p">(</span><span class="n">_</span> <span class="nv">value</span><span class="p">:</span> <span class="kt">CGFloat</span><span class="p">)</span> <span class="o">-&gt;</span> <span class="kt">Flex</span></code></pre>

                        </div>
                      </div>
                      <div class="slightly-smaller">
                        <a href="https://github.com/lucdion/FlexLayout/tree/master/Sources/FlexLayout.swift#L478-L481">Show on GitHub</a>
                      </div>
                    </section>
                  </div>
                </li>
                <li class="item">
                  <div>
                    <code>
                    <a name="/s:FC10FlexLayout4Flex6bottomFV12CoreGraphics7CGFloatS0_"></a>
                    <a name="//apple_ref/swift/Method/bottom(_:)" class="dashAnchor"></a>
                    <a class="token" href="#/s:FC10FlexLayout4Flex6bottomFV12CoreGraphics7CGFloatS0_">bottom(_:)</a>
                    </code>
                  </div>
                  <div class="height-container">
                    <div class="pointer-container"></div>
                    <section class="section">
                      <div class="pointer"></div>
                      <div class="abstract">
                        <p>Set the bottom edge distance from the container bottom edge in pixels.</p>

                      </div>
                      <div class="declaration">
                        <h4>Declaration</h4>
                        <div class="language">
                          <p class="aside-title">Swift</p>
                          <pre class="highlight"><code><span class="kd">public</span> <span class="kd">func</span> <span class="nf">bottom</span><span class="p">(</span><span class="n">_</span> <span class="nv">value</span><span class="p">:</span> <span class="kt">CGFloat</span><span class="p">)</span> <span class="o">-&gt;</span> <span class="kt">Flex</span></code></pre>

                        </div>
                      </div>
                      <div class="slightly-smaller">
                        <a href="https://github.com/lucdion/FlexLayout/tree/master/Sources/FlexLayout.swift#L487-L490">Show on GitHub</a>
                      </div>
                    </section>
                  </div>
                </li>
                <li class="item">
                  <div>
                    <code>
                    <a name="/s:FC10FlexLayout4Flex5startFV12CoreGraphics7CGFloatS0_"></a>
                    <a name="//apple_ref/swift/Method/start(_:)" class="dashAnchor"></a>
                    <a class="token" href="#/s:FC10FlexLayout4Flex5startFV12CoreGraphics7CGFloatS0_">start(_:)</a>
                    </code>
                  </div>
                  <div class="height-container">
                    <div class="pointer-container"></div>
                    <section class="section">
                      <div class="pointer"></div>
                      <div class="abstract">
                        <p>Set the start edge (LTR=left, RTL=right) distance from the container start edge in pixels.</p>

                      </div>
                      <div class="declaration">
                        <h4>Declaration</h4>
                        <div class="language">
                          <p class="aside-title">Swift</p>
                          <pre class="highlight"><code><span class="kd">public</span> <span class="kd">func</span> <span class="nf">start</span><span class="p">(</span><span class="n">_</span> <span class="nv">value</span><span class="p">:</span> <span class="kt">CGFloat</span><span class="p">)</span> <span class="o">-&gt;</span> <span class="kt">Flex</span></code></pre>

                        </div>
                      </div>
                      <div class="slightly-smaller">
                        <a href="https://github.com/lucdion/FlexLayout/tree/master/Sources/FlexLayout.swift#L496-L499">Show on GitHub</a>
                      </div>
                    </section>
                  </div>
                </li>
                <li class="item">
                  <div>
                    <code>
                    <a name="/s:FC10FlexLayout4Flex3endFV12CoreGraphics7CGFloatS0_"></a>
                    <a name="//apple_ref/swift/Method/end(_:)" class="dashAnchor"></a>
                    <a class="token" href="#/s:FC10FlexLayout4Flex3endFV12CoreGraphics7CGFloatS0_">end(_:)</a>
                    </code>
                  </div>
                  <div class="height-container">
                    <div class="pointer-container"></div>
                    <section class="section">
                      <div class="pointer"></div>
                      <div class="abstract">
                        <p>Set the end edge (LTR=right, RTL=left) distance from the container start edge in pixels.</p>

                      </div>
                      <div class="declaration">
                        <h4>Declaration</h4>
                        <div class="language">
                          <p class="aside-title">Swift</p>
                          <pre class="highlight"><code><span class="kd">public</span> <span class="kd">func</span> <span class="nf">end</span><span class="p">(</span><span class="n">_</span> <span class="nv">value</span><span class="p">:</span> <span class="kt">CGFloat</span><span class="p">)</span> <span class="o">-&gt;</span> <span class="kt">Flex</span></code></pre>

                        </div>
                      </div>
                      <div class="slightly-smaller">
                        <a href="https://github.com/lucdion/FlexLayout/tree/master/Sources/FlexLayout.swift#L505-L508">Show on GitHub</a>
                      </div>
                    </section>
                  </div>
                </li>
              </ul>
            </div>
            <div class="task-group">
              <div class="task-name-container">
                <a name="/Margins"></a>
                <a name="//apple_ref/swift/Section/Margins" class="dashAnchor"></a>
                <a href="#/Margins">
                  <h3 class="section-name">Margins</h3>
                </a>
              </div>
              <ul>
                <li class="item">
                  <div>
                    <code>
                    <a name="/s:FC10FlexLayout4Flex9marginTopFV12CoreGraphics7CGFloatS0_"></a>
                    <a name="//apple_ref/swift/Method/marginTop(_:)" class="dashAnchor"></a>
                    <a class="token" href="#/s:FC10FlexLayout4Flex9marginTopFV12CoreGraphics7CGFloatS0_">marginTop(_:)</a>
                    </code>
                  </div>
                  <div class="height-container">
                    <div class="pointer-container"></div>
                    <section class="section">
                      <div class="pointer"></div>
                      <div class="abstract">
                        <p>Set the top margin. Top margin specify the offset the top edge of the item should have from from it’s closest sibling (item) or parent (container).</p>

                      </div>
                      <div class="declaration">
                        <h4>Declaration</h4>
                        <div class="language">
                          <p class="aside-title">Swift</p>
                          <pre class="highlight"><code><span class="kd">public</span> <span class="kd">func</span> <span class="nf">marginTop</span><span class="p">(</span><span class="n">_</span> <span class="nv">value</span><span class="p">:</span> <span class="kt">CGFloat</span><span class="p">)</span> <span class="o">-&gt;</span> <span class="kt">Flex</span></code></pre>

                        </div>
                      </div>
                      <div class="slightly-smaller">
                        <a href="https://github.com/lucdion/FlexLayout/tree/master/Sources/FlexLayout.swift#L518-L521">Show on GitHub</a>
                      </div>
                    </section>
                  </div>
                </li>
                <li class="item">
                  <div>
                    <code>
                    <a name="/s:FC10FlexLayout4Flex10marginLeftFV12CoreGraphics7CGFloatS0_"></a>
                    <a name="//apple_ref/swift/Method/marginLeft(_:)" class="dashAnchor"></a>
                    <a class="token" href="#/s:FC10FlexLayout4Flex10marginLeftFV12CoreGraphics7CGFloatS0_">marginLeft(_:)</a>
                    </code>
                  </div>
                  <div class="height-container">
                    <div class="pointer-container"></div>
                    <section class="section">
                      <div class="pointer"></div>
                      <div class="abstract">
                        <p>Set the left margin. Left margin specify the offset the left edge of the item should have from from it’s closest sibling (item) or parent (container).</p>

                      </div>
                      <div class="declaration">
                        <h4>Declaration</h4>
                        <div class="language">
                          <p class="aside-title">Swift</p>
                          <pre class="highlight"><code><span class="kd">public</span> <span class="kd">func</span> <span class="nf">marginLeft</span><span class="p">(</span><span class="n">_</span> <span class="nv">value</span><span class="p">:</span> <span class="kt">CGFloat</span><span class="p">)</span> <span class="o">-&gt;</span> <span class="kt">Flex</span></code></pre>

                        </div>
                      </div>
                      <div class="slightly-smaller">
                        <a href="https://github.com/lucdion/FlexLayout/tree/master/Sources/FlexLayout.swift#L527-L530">Show on GitHub</a>
                      </div>
                    </section>
                  </div>
                </li>
                <li class="item">
                  <div>
                    <code>
                    <a name="/s:FC10FlexLayout4Flex12marginBottomFV12CoreGraphics7CGFloatS0_"></a>
                    <a name="//apple_ref/swift/Method/marginBottom(_:)" class="dashAnchor"></a>
                    <a class="token" href="#/s:FC10FlexLayout4Flex12marginBottomFV12CoreGraphics7CGFloatS0_">marginBottom(_:)</a>
                    </code>
                  </div>
                  <div class="height-container">
                    <div class="pointer-container"></div>
                    <section class="section">
                      <div class="pointer"></div>
                      <div class="abstract">
                        <p>Set the bottom margin. Bottom margin specify the offset the bottom edge of the item should have from from it’s closest sibling (item) or parent (container).</p>

                      </div>
                      <div class="declaration">
                        <h4>Declaration</h4>
                        <div class="language">
                          <p class="aside-title">Swift</p>
                          <pre class="highlight"><code><span class="kd">public</span> <span class="kd">func</span> <span class="nf">marginBottom</span><span class="p">(</span><span class="n">_</span> <span class="nv">value</span><span class="p">:</span> <span class="kt">CGFloat</span><span class="p">)</span> <span class="o">-&gt;</span> <span class="kt">Flex</span></code></pre>

                        </div>
                      </div>
                      <div class="slightly-smaller">
                        <a href="https://github.com/lucdion/FlexLayout/tree/master/Sources/FlexLayout.swift#L536-L539">Show on GitHub</a>
                      </div>
                    </section>
                  </div>
                </li>
                <li class="item">
                  <div>
                    <code>
                    <a name="/s:FC10FlexLayout4Flex11marginRightFV12CoreGraphics7CGFloatS0_"></a>
                    <a name="//apple_ref/swift/Method/marginRight(_:)" class="dashAnchor"></a>
                    <a class="token" href="#/s:FC10FlexLayout4Flex11marginRightFV12CoreGraphics7CGFloatS0_">marginRight(_:)</a>
                    </code>
                  </div>
                  <div class="height-container">
                    <div class="pointer-container"></div>
                    <section class="section">
                      <div class="pointer"></div>
                      <div class="abstract">
                        <p>Set the right margin. Right margin specify the offset the right edge of the item should have from from it’s closest sibling (item) or parent (container).</p>

                      </div>
                      <div class="declaration">
                        <h4>Declaration</h4>
                        <div class="language">
                          <p class="aside-title">Swift</p>
                          <pre class="highlight"><code><span class="kd">public</span> <span class="kd">func</span> <span class="nf">marginRight</span><span class="p">(</span><span class="n">_</span> <span class="nv">value</span><span class="p">:</span> <span class="kt">CGFloat</span><span class="p">)</span> <span class="o">-&gt;</span> <span class="kt">Flex</span></code></pre>

                        </div>
                      </div>
                      <div class="slightly-smaller">
                        <a href="https://github.com/lucdion/FlexLayout/tree/master/Sources/FlexLayout.swift#L545-L548">Show on GitHub</a>
                      </div>
                    </section>
                  </div>
                </li>
                <li class="item">
                  <div>
                    <code>
                    <a name="/s:FC10FlexLayout4Flex11marginStartFV12CoreGraphics7CGFloatS0_"></a>
                    <a name="//apple_ref/swift/Method/marginStart(_:)" class="dashAnchor"></a>
                    <a class="token" href="#/s:FC10FlexLayout4Flex11marginStartFV12CoreGraphics7CGFloatS0_">marginStart(_:)</a>
                    </code>
                  </div>
                  <div class="height-container">
                    <div class="pointer-container"></div>
                    <section class="section">
                      <div class="pointer"></div>
                      <div class="abstract">
                        <p>Set the start margin.</p>

<p>Depends on the item <code><a href="../Classes/Flex/LayoutDirection.html">LayoutDirection</a></code>:</p>

<ul>
<li>In LTR direction, start margin specify the offset the <strong>left</strong> edge of the item should have from from it’s closest sibling (item) or parent (container).</li>
<li>IN RTL direction, start margin specify the offset the <strong>right</strong> edge of the item should have from from it’s closest sibling (item) or parent (container).</li>
</ul>

                      </div>
                      <div class="declaration">
                        <h4>Declaration</h4>
                        <div class="language">
                          <p class="aside-title">Swift</p>
                          <pre class="highlight"><code><span class="kd">public</span> <span class="kd">func</span> <span class="nf">marginStart</span><span class="p">(</span><span class="n">_</span> <span class="nv">value</span><span class="p">:</span> <span class="kt">CGFloat</span><span class="p">)</span> <span class="o">-&gt;</span> <span class="kt">Flex</span></code></pre>

                        </div>
                      </div>
                      <div class="slightly-smaller">
                        <a href="https://github.com/lucdion/FlexLayout/tree/master/Sources/FlexLayout.swift#L558-L561">Show on GitHub</a>
                      </div>
                    </section>
                  </div>
                </li>
                <li class="item">
                  <div>
                    <code>
                    <a name="/s:FC10FlexLayout4Flex9marginEndFV12CoreGraphics7CGFloatS0_"></a>
                    <a name="//apple_ref/swift/Method/marginEnd(_:)" class="dashAnchor"></a>
                    <a class="token" href="#/s:FC10FlexLayout4Flex9marginEndFV12CoreGraphics7CGFloatS0_">marginEnd(_:)</a>
                    </code>
                  </div>
                  <div class="height-container">
                    <div class="pointer-container"></div>
                    <section class="section">
                      <div class="pointer"></div>
                      <div class="abstract">
                        <p>Set the end margin.</p>

<p>Depends on the item <code><a href="../Classes/Flex/LayoutDirection.html">LayoutDirection</a></code>:</p>

<ul>
<li>In LTR direction, end margin specify the offset the <strong>right</strong> edge of the item should have from from it’s closest sibling (item) or parent (container).</li>
<li>IN RTL direction, end margin specify the offset the <strong>left</strong> edge of the item should have from from it’s closest sibling (item) or parent (container).</li>
</ul>

                      </div>
                      <div class="declaration">
                        <h4>Declaration</h4>
                        <div class="language">
                          <p class="aside-title">Swift</p>
                          <pre class="highlight"><code><span class="kd">public</span> <span class="kd">func</span> <span class="nf">marginEnd</span><span class="p">(</span><span class="n">_</span> <span class="nv">value</span><span class="p">:</span> <span class="kt">CGFloat</span><span class="p">)</span> <span class="o">-&gt;</span> <span class="kt">Flex</span></code></pre>

                        </div>
                      </div>
                      <div class="slightly-smaller">
                        <a href="https://github.com/lucdion/FlexLayout/tree/master/Sources/FlexLayout.swift#L571-L574">Show on GitHub</a>
                      </div>
                    </section>
                  </div>
                </li>
                <li class="item">
                  <div>
                    <code>
                    <a name="/s:FC10FlexLayout4Flex16marginHorizontalFV12CoreGraphics7CGFloatS0_"></a>
                    <a name="//apple_ref/swift/Method/marginHorizontal(_:)" class="dashAnchor"></a>
                    <a class="token" href="#/s:FC10FlexLayout4Flex16marginHorizontalFV12CoreGraphics7CGFloatS0_">marginHorizontal(_:)</a>
                    </code>
                  </div>
                  <div class="height-container">
                    <div class="pointer-container"></div>
                    <section class="section">
                      <div class="pointer"></div>
                      <div class="abstract">
                        <p>Set the left, right, start and end margins to the specified value.</p>

                      </div>
                      <div class="declaration">
                        <h4>Declaration</h4>
                        <div class="language">
                          <p class="aside-title">Swift</p>
                          <pre class="highlight"><code><span class="kd">public</span> <span class="kd">func</span> <span class="nf">marginHorizontal</span><span class="p">(</span><span class="n">_</span> <span class="nv">value</span><span class="p">:</span> <span class="kt">CGFloat</span><span class="p">)</span> <span class="o">-&gt;</span> <span class="kt">Flex</span></code></pre>

                        </div>
                      </div>
                      <div class="slightly-smaller">
                        <a href="https://github.com/lucdion/FlexLayout/tree/master/Sources/FlexLayout.swift#L580-L583">Show on GitHub</a>
                      </div>
                    </section>
                  </div>
                </li>
                <li class="item">
                  <div>
                    <code>
                    <a name="/s:FC10FlexLayout4Flex14marginVerticalFV12CoreGraphics7CGFloatS0_"></a>
                    <a name="//apple_ref/swift/Method/marginVertical(_:)" class="dashAnchor"></a>
                    <a class="token" href="#/s:FC10FlexLayout4Flex14marginVerticalFV12CoreGraphics7CGFloatS0_">marginVertical(_:)</a>
                    </code>
                  </div>
                  <div class="height-container">
                    <div class="pointer-container"></div>
                    <section class="section">
                      <div class="pointer"></div>
                      <div class="abstract">
                        <p>Set the top and bottom margins to the specified value.</p>

                      </div>
                      <div class="declaration">
                        <h4>Declaration</h4>
                        <div class="language">
                          <p class="aside-title">Swift</p>
                          <pre class="highlight"><code><span class="kd">public</span> <span class="kd">func</span> <span class="nf">marginVertical</span><span class="p">(</span><span class="n">_</span> <span class="nv">value</span><span class="p">:</span> <span class="kt">CGFloat</span><span class="p">)</span> <span class="o">-&gt;</span> <span class="kt">Flex</span></code></pre>

                        </div>
                      </div>
                      <div class="slightly-smaller">
                        <a href="https://github.com/lucdion/FlexLayout/tree/master/Sources/FlexLayout.swift#L589-L592">Show on GitHub</a>
                      </div>
                    </section>
                  </div>
                </li>
                <li class="item">
                  <div>
                    <code>
                    <a name="/s:FC10FlexLayout4Flex6marginFV12CoreGraphics7CGFloatS0_"></a>
                    <a name="//apple_ref/swift/Method/margin(_:)" class="dashAnchor"></a>
                    <a class="token" href="#/s:FC10FlexLayout4Flex6marginFV12CoreGraphics7CGFloatS0_">margin(_:)</a>
                    </code>
                  </div>
                  <div class="height-container">
                    <div class="pointer-container"></div>
                    <section class="section">
                      <div class="pointer"></div>
                      <div class="abstract">
                        <p>Set all margins to the specified value.</p>

                      </div>
                      <div class="declaration">
                        <h4>Declaration</h4>
                        <div class="language">
                          <p class="aside-title">Swift</p>
                          <pre class="highlight"><code><span class="kd">public</span> <span class="kd">func</span> <span class="nf">margin</span><span class="p">(</span><span class="n">_</span> <span class="nv">value</span><span class="p">:</span> <span class="kt">CGFloat</span><span class="p">)</span> <span class="o">-&gt;</span> <span class="kt">Flex</span></code></pre>

                        </div>
                      </div>
                      <div class="slightly-smaller">
                        <a href="https://github.com/lucdion/FlexLayout/tree/master/Sources/FlexLayout.swift#L598-L601">Show on GitHub</a>
                      </div>
                    </section>
                  </div>
                </li>
                <li class="item">
                  <div>
                    <code>
                    <a name="/s:FC10FlexLayout4Flex6marginFTV12CoreGraphics7CGFloatS2_S2_S2__S0_"></a>
                    <a name="//apple_ref/swift/Method/margin(_:_:_:_:)" class="dashAnchor"></a>
                    <a class="token" href="#/s:FC10FlexLayout4Flex6marginFTV12CoreGraphics7CGFloatS2_S2_S2__S0_">margin(_:_:_:_:)</a>
                    </code>
                  </div>
                  <div class="height-container">
                    <div class="pointer-container"></div>
                    <section class="section">
                      <div class="pointer"></div>
                      <div class="abstract">
                        <p>Set the individually top, left, bottom and right margins.</p>

                      </div>
                      <div class="declaration">
                        <h4>Declaration</h4>
                        <div class="language">
                          <p class="aside-title">Swift</p>
                          <pre class="highlight"><code><span class="kd">public</span> <span class="kd">func</span> <span class="nf">margin</span><span class="p">(</span><span class="n">_</span> <span class="nv">top</span><span class="p">:</span> <span class="kt">CGFloat</span><span class="p">,</span> <span class="n">_</span> <span class="nv">left</span><span class="p">:</span> <span class="kt">CGFloat</span><span class="p">,</span> <span class="n">_</span> <span class="nv">bottom</span><span class="p">:</span> <span class="kt">CGFloat</span><span class="p">,</span> <span class="n">_</span> <span class="nv">right</span><span class="p">:</span> <span class="kt">CGFloat</span><span class="p">)</span> <span class="o">-&gt;</span> <span class="kt">Flex</span></code></pre>

                        </div>
                      </div>
                      <div class="slightly-smaller">
                        <a href="https://github.com/lucdion/FlexLayout/tree/master/Sources/FlexLayout.swift#L626-L632">Show on GitHub</a>
                      </div>
                    </section>
                  </div>
                </li>
              </ul>
            </div>
            <div class="task-group">
              <div class="task-name-container">
                <a name="/Padding"></a>
                <a name="//apple_ref/swift/Section/Padding" class="dashAnchor"></a>
                <a href="#/Padding">
                  <h3 class="section-name">Padding</h3>
                </a>
              </div>
              <ul>
                <li class="item">
                  <div>
                    <code>
                    <a name="/s:FC10FlexLayout4Flex10paddingTopFV12CoreGraphics7CGFloatS0_"></a>
                    <a name="//apple_ref/swift/Method/paddingTop(_:)" class="dashAnchor"></a>
                    <a class="token" href="#/s:FC10FlexLayout4Flex10paddingTopFV12CoreGraphics7CGFloatS0_">paddingTop(_:)</a>
                    </code>
                  </div>
                  <div class="height-container">
                    <div class="pointer-container"></div>
                    <section class="section">
                      <div class="pointer"></div>
                      <div class="abstract">
                        <p>Set the top padding. Top padding specify the <strong>offset children should have</strong> from the container&rsquo;s top edge.</p>

                      </div>
                      <div class="declaration">
                        <h4>Declaration</h4>
                        <div class="language">
                          <p class="aside-title">Swift</p>
                          <pre class="highlight"><code><span class="kd">public</span> <span class="kd">func</span> <span class="nf">paddingTop</span><span class="p">(</span><span class="n">_</span> <span class="nv">value</span><span class="p">:</span> <span class="kt">CGFloat</span><span class="p">)</span> <span class="o">-&gt;</span> <span class="kt">Flex</span></code></pre>

                        </div>
                      </div>
                      <div class="slightly-smaller">
                        <a href="https://github.com/lucdion/FlexLayout/tree/master/Sources/FlexLayout.swift#L642-L645">Show on GitHub</a>
                      </div>
                    </section>
                  </div>
                </li>
                <li class="item">
                  <div>
                    <code>
                    <a name="/s:FC10FlexLayout4Flex11paddingLeftFV12CoreGraphics7CGFloatS0_"></a>
                    <a name="//apple_ref/swift/Method/paddingLeft(_:)" class="dashAnchor"></a>
                    <a class="token" href="#/s:FC10FlexLayout4Flex11paddingLeftFV12CoreGraphics7CGFloatS0_">paddingLeft(_:)</a>
                    </code>
                  </div>
                  <div class="height-container">
                    <div class="pointer-container"></div>
                    <section class="section">
                      <div class="pointer"></div>
                      <div class="abstract">
                        <p>Set the left padding. Left padding specify the <strong>offset children should have</strong> from the container&rsquo;s left edge.</p>

                      </div>
                      <div class="declaration">
                        <h4>Declaration</h4>
                        <div class="language">
                          <p class="aside-title">Swift</p>
                          <pre class="highlight"><code><span class="kd">public</span> <span class="kd">func</span> <span class="nf">paddingLeft</span><span class="p">(</span><span class="n">_</span> <span class="nv">value</span><span class="p">:</span> <span class="kt">CGFloat</span><span class="p">)</span> <span class="o">-&gt;</span> <span class="kt">Flex</span></code></pre>

                        </div>
                      </div>
                      <div class="slightly-smaller">
                        <a href="https://github.com/lucdion/FlexLayout/tree/master/Sources/FlexLayout.swift#L651-L654">Show on GitHub</a>
                      </div>
                    </section>
                  </div>
                </li>
                <li class="item">
                  <div>
                    <code>
                    <a name="/s:FC10FlexLayout4Flex13paddingBottomFV12CoreGraphics7CGFloatS0_"></a>
                    <a name="//apple_ref/swift/Method/paddingBottom(_:)" class="dashAnchor"></a>
                    <a class="token" href="#/s:FC10FlexLayout4Flex13paddingBottomFV12CoreGraphics7CGFloatS0_">paddingBottom(_:)</a>
                    </code>
                  </div>
                  <div class="height-container">
                    <div class="pointer-container"></div>
                    <section class="section">
                      <div class="pointer"></div>
                      <div class="abstract">
                        <p>Set the bottom padding. Bottom padding specify the <strong>offset children should have</strong> from the container&rsquo;s bottom edge.</p>

                      </div>
                      <div class="declaration">
                        <h4>Declaration</h4>
                        <div class="language">
                          <p class="aside-title">Swift</p>
                          <pre class="highlight"><code><span class="kd">public</span> <span class="kd">func</span> <span class="nf">paddingBottom</span><span class="p">(</span><span class="n">_</span> <span class="nv">value</span><span class="p">:</span> <span class="kt">CGFloat</span><span class="p">)</span> <span class="o">-&gt;</span> <span class="kt">Flex</span></code></pre>

                        </div>
                      </div>
                      <div class="slightly-smaller">
                        <a href="https://github.com/lucdion/FlexLayout/tree/master/Sources/FlexLayout.swift#L660-L663">Show on GitHub</a>
                      </div>
                    </section>
                  </div>
                </li>
                <li class="item">
                  <div>
                    <code>
                    <a name="/s:FC10FlexLayout4Flex12paddingRightFV12CoreGraphics7CGFloatS0_"></a>
                    <a name="//apple_ref/swift/Method/paddingRight(_:)" class="dashAnchor"></a>
                    <a class="token" href="#/s:FC10FlexLayout4Flex12paddingRightFV12CoreGraphics7CGFloatS0_">paddingRight(_:)</a>
                    </code>
                  </div>
                  <div class="height-container">
                    <div class="pointer-container"></div>
                    <section class="section">
                      <div class="pointer"></div>
                      <div class="abstract">
                        <p>Set the top padding. Top padding specify the <strong>offset children should have</strong> from the container&rsquo;s top edge.</p>

                      </div>
                      <div class="declaration">
                        <h4>Declaration</h4>
                        <div class="language">
                          <p class="aside-title">Swift</p>
                          <pre class="highlight"><code><span class="kd">public</span> <span class="kd">func</span> <span class="nf">paddingRight</span><span class="p">(</span><span class="n">_</span> <span class="nv">value</span><span class="p">:</span> <span class="kt">CGFloat</span><span class="p">)</span> <span class="o">-&gt;</span> <span class="kt">Flex</span></code></pre>

                        </div>
                      </div>
                      <div class="slightly-smaller">
                        <a href="https://github.com/lucdion/FlexLayout/tree/master/Sources/FlexLayout.swift#L669-L672">Show on GitHub</a>
                      </div>
                    </section>
                  </div>
                </li>
                <li class="item">
                  <div>
                    <code>
                    <a name="/s:FC10FlexLayout4Flex12paddingStartFV12CoreGraphics7CGFloatS0_"></a>
                    <a name="//apple_ref/swift/Method/paddingStart(_:)" class="dashAnchor"></a>
                    <a class="token" href="#/s:FC10FlexLayout4Flex12paddingStartFV12CoreGraphics7CGFloatS0_">paddingStart(_:)</a>
                    </code>
                  </div>
                  <div class="height-container">
                    <div class="pointer-container"></div>
                    <section class="section">
                      <div class="pointer"></div>
                      <div class="abstract">
                        <p>Set the start padding.</p>

<p>Depends on the item <code><a href="../Classes/Flex/LayoutDirection.html">LayoutDirection</a></code>:</p>

<ul>
<li>In LTR direction, start padding specify the <strong>offset children should have</strong> from the container&rsquo;s left edge.</li>
<li>IN RTL direction, start padding specify the <strong>offset children should have</strong> from the container&rsquo;s right edge.</li>
</ul>

                      </div>
                      <div class="declaration">
                        <h4>Declaration</h4>
                        <div class="language">
                          <p class="aside-title">Swift</p>
                          <pre class="highlight"><code><span class="kd">public</span> <span class="kd">func</span> <span class="nf">paddingStart</span><span class="p">(</span><span class="n">_</span> <span class="nv">value</span><span class="p">:</span> <span class="kt">CGFloat</span><span class="p">)</span> <span class="o">-&gt;</span> <span class="kt">Flex</span></code></pre>

                        </div>
                      </div>
                      <div class="slightly-smaller">
                        <a href="https://github.com/lucdion/FlexLayout/tree/master/Sources/FlexLayout.swift#L682-L685">Show on GitHub</a>
                      </div>
                    </section>
                  </div>
                </li>
                <li class="item">
                  <div>
                    <code>
                    <a name="/s:FC10FlexLayout4Flex10paddingEndFV12CoreGraphics7CGFloatS0_"></a>
                    <a name="//apple_ref/swift/Method/paddingEnd(_:)" class="dashAnchor"></a>
                    <a class="token" href="#/s:FC10FlexLayout4Flex10paddingEndFV12CoreGraphics7CGFloatS0_">paddingEnd(_:)</a>
                    </code>
                  </div>
                  <div class="height-container">
                    <div class="pointer-container"></div>
                    <section class="section">
                      <div class="pointer"></div>
                      <div class="abstract">
                        <p>Set the end padding.</p>

<p>Depends on the item <code><a href="../Classes/Flex/LayoutDirection.html">LayoutDirection</a></code>:</p>

<ul>
<li>In LTR direction, end padding specify the <strong>offset children should have</strong> from the container&rsquo;s right edge.</li>
<li>IN RTL direction, end padding specify the <strong>offset children should have</strong> from the container&rsquo;s left edge.</li>
</ul>

                      </div>
                      <div class="declaration">
                        <h4>Declaration</h4>
                        <div class="language">
                          <p class="aside-title">Swift</p>
                          <pre class="highlight"><code><span class="kd">public</span> <span class="kd">func</span> <span class="nf">paddingEnd</span><span class="p">(</span><span class="n">_</span> <span class="nv">value</span><span class="p">:</span> <span class="kt">CGFloat</span><span class="p">)</span> <span class="o">-&gt;</span> <span class="kt">Flex</span></code></pre>

                        </div>
                      </div>
                      <div class="slightly-smaller">
                        <a href="https://github.com/lucdion/FlexLayout/tree/master/Sources/FlexLayout.swift#L695-L698">Show on GitHub</a>
                      </div>
                    </section>
                  </div>
                </li>
                <li class="item">
                  <div>
                    <code>
                    <a name="/s:FC10FlexLayout4Flex17paddingHorizontalFV12CoreGraphics7CGFloatS0_"></a>
                    <a name="//apple_ref/swift/Method/paddingHorizontal(_:)" class="dashAnchor"></a>
                    <a class="token" href="#/s:FC10FlexLayout4Flex17paddingHorizontalFV12CoreGraphics7CGFloatS0_">paddingHorizontal(_:)</a>
                    </code>
                  </div>
                  <div class="height-container">
                    <div class="pointer-container"></div>
                    <section class="section">
                      <div class="pointer"></div>
                      <div class="abstract">
                        <p>Set the left, right, start and end paddings to the specified value.</p>

                      </div>
                      <div class="declaration">
                        <h4>Declaration</h4>
                        <div class="language">
                          <p class="aside-title">Swift</p>
                          <pre class="highlight"><code><span class="kd">public</span> <span class="kd">func</span> <span class="nf">paddingHorizontal</span><span class="p">(</span><span class="n">_</span> <span class="nv">value</span><span class="p">:</span> <span class="kt">CGFloat</span><span class="p">)</span> <span class="o">-&gt;</span> <span class="kt">Flex</span></code></pre>

                        </div>
                      </div>
                      <div class="slightly-smaller">
                        <a href="https://github.com/lucdion/FlexLayout/tree/master/Sources/FlexLayout.swift#L704-L707">Show on GitHub</a>
                      </div>
                    </section>
                  </div>
                </li>
                <li class="item">
                  <div>
                    <code>
                    <a name="/s:FC10FlexLayout4Flex15paddingVerticalFV12CoreGraphics7CGFloatS0_"></a>
                    <a name="//apple_ref/swift/Method/paddingVertical(_:)" class="dashAnchor"></a>
                    <a class="token" href="#/s:FC10FlexLayout4Flex15paddingVerticalFV12CoreGraphics7CGFloatS0_">paddingVertical(_:)</a>
                    </code>
                  </div>
                  <div class="height-container">
                    <div class="pointer-container"></div>
                    <section class="section">
                      <div class="pointer"></div>
                      <div class="abstract">
                        <p>Set the top and bottom paddings to the specified value.</p>

                      </div>
                      <div class="declaration">
                        <h4>Declaration</h4>
                        <div class="language">
                          <p class="aside-title">Swift</p>
                          <pre class="highlight"><code><span class="kd">public</span> <span class="kd">func</span> <span class="nf">paddingVertical</span><span class="p">(</span><span class="n">_</span> <span class="nv">value</span><span class="p">:</span> <span class="kt">CGFloat</span><span class="p">)</span> <span class="o">-&gt;</span> <span class="kt">Flex</span></code></pre>

                        </div>
                      </div>
                      <div class="slightly-smaller">
                        <a href="https://github.com/lucdion/FlexLayout/tree/master/Sources/FlexLayout.swift#L713-L716">Show on GitHub</a>
                      </div>
                    </section>
                  </div>
                </li>
                <li class="item">
                  <div>
                    <code>
                    <a name="/s:FC10FlexLayout4Flex7paddingFV12CoreGraphics7CGFloatS0_"></a>
                    <a name="//apple_ref/swift/Method/padding(_:)" class="dashAnchor"></a>
                    <a class="token" href="#/s:FC10FlexLayout4Flex7paddingFV12CoreGraphics7CGFloatS0_">padding(_:)</a>
                    </code>
                  </div>
                  <div class="height-container">
                    <div class="pointer-container"></div>
                    <section class="section">
                      <div class="pointer"></div>
                      <div class="abstract">
                        <p>Set all paddings to the specified value.</p>

                      </div>
                      <div class="declaration">
                        <h4>Declaration</h4>
                        <div class="language">
                          <p class="aside-title">Swift</p>
                          <pre class="highlight"><code><span class="kd">public</span> <span class="kd">func</span> <span class="nf">padding</span><span class="p">(</span><span class="n">_</span> <span class="nv">value</span><span class="p">:</span> <span class="kt">CGFloat</span><span class="p">)</span> <span class="o">-&gt;</span> <span class="kt">Flex</span></code></pre>

                        </div>
                      </div>
                      <div class="slightly-smaller">
                        <a href="https://github.com/lucdion/FlexLayout/tree/master/Sources/FlexLayout.swift#L722-L725">Show on GitHub</a>
                      </div>
                    </section>
                  </div>
                </li>
                <li class="item">
                  <div>
                    <code>
                    <a name="/s:FC10FlexLayout4Flex7paddingFTV12CoreGraphics7CGFloatS2_S2_S2__S0_"></a>
                    <a name="//apple_ref/swift/Method/padding(_:_:_:_:)" class="dashAnchor"></a>
                    <a class="token" href="#/s:FC10FlexLayout4Flex7paddingFTV12CoreGraphics7CGFloatS2_S2_S2__S0_">padding(_:_:_:_:)</a>
                    </code>
                  </div>
                  <div class="height-container">
                    <div class="pointer-container"></div>
                    <section class="section">
                      <div class="pointer"></div>
                      <div class="abstract">
                        <p>Set the individually top, left, bottom and right paddings.</p>

                      </div>
                      <div class="declaration">
                        <h4>Declaration</h4>
                        <div class="language">
                          <p class="aside-title">Swift</p>
                          <pre class="highlight"><code><span class="kd">public</span> <span class="kd">func</span> <span class="nf">padding</span><span class="p">(</span><span class="n">_</span> <span class="nv">top</span><span class="p">:</span> <span class="kt">CGFloat</span><span class="p">,</span> <span class="n">_</span> <span class="nv">left</span><span class="p">:</span> <span class="kt">CGFloat</span><span class="p">,</span> <span class="n">_</span> <span class="nv">bottom</span><span class="p">:</span> <span class="kt">CGFloat</span><span class="p">,</span> <span class="n">_</span> <span class="nv">right</span><span class="p">:</span> <span class="kt">CGFloat</span><span class="p">)</span> <span class="o">-&gt;</span> <span class="kt">Flex</span></code></pre>

                        </div>
                      </div>
                      <div class="slightly-smaller">
                        <a href="https://github.com/lucdion/FlexLayout/tree/master/Sources/FlexLayout.swift#L750-L756">Show on GitHub</a>
                      </div>
                    </section>
                  </div>
                </li>
              </ul>
            </div>
            <div class="task-group">
              <div class="task-name-container">
                <a name="/UIView%20Visual%20properties"></a>
                <a name="//apple_ref/swift/Section/UIView Visual properties" class="dashAnchor"></a>
                <a href="#/UIView%20Visual%20properties">
                  <h3 class="section-name">UIView Visual properties</h3>
                </a>
              </div>
              <ul>
                <li class="item">
                  <div>
                    <code>
                    <a name="/s:FC10FlexLayout4Flex15backgroundColorFCSo7UIColorS0_"></a>
                    <a name="//apple_ref/swift/Method/backgroundColor(_:)" class="dashAnchor"></a>
                    <a class="token" href="#/s:FC10FlexLayout4Flex15backgroundColorFCSo7UIColorS0_">backgroundColor(_:)</a>
                    </code>
                  </div>
                  <div class="height-container">
                    <div class="pointer-container"></div>
                    <section class="section">
                      <div class="pointer"></div>
                      <div class="abstract">
                        <p>Set the view background color.</p>

                      </div>
                      <div class="declaration">
                        <h4>Declaration</h4>
                        <div class="language">
                          <p class="aside-title">Swift</p>
                          <pre class="highlight"><code><span class="kd">public</span> <span class="kd">func</span> <span class="nf">backgroundColor</span><span class="p">(</span><span class="n">_</span> <span class="nv">color</span><span class="p">:</span> <span class="kt">UIColor</span><span class="p">)</span> <span class="o">-&gt;</span> <span class="kt">Flex</span></code></pre>

                        </div>
                      </div>
                      <div>
                        <h4>Parameters</h4>
                        <table class="graybox">
                          <tbody>
                            <tr>
                              <td>
                                <code>
                                <em>color</em>
                                </code>
                              </td>
                              <td>
                                <div>
                                  <p>new color</p>
                                </div>
                              </td>
                            </tr>
                          </tbody>
                        </table>
                      </div>
                      <div>
                        <h4>Return Value</h4>
                        <p>flex interface</p>
                      </div>
                      <div class="slightly-smaller">
                        <a href="https://github.com/lucdion/FlexLayout/tree/master/Sources/FlexLayout.swift#L769-L772">Show on GitHub</a>
                      </div>
                    </section>
                  </div>
                </li>
              </ul>
            </div>
            <div class="task-group">
              <div class="task-name-container">
                <a name="/Enums"></a>
                <a name="//apple_ref/swift/Section/Enums" class="dashAnchor"></a>
                <a href="#/Enums">
                  <h3 class="section-name">Enums</h3>
                </a>
              </div>
              <ul>
                <li class="item">
                  <div>
                    <code>
                    <a name="/s:OC10FlexLayout4Flex9Direction"></a>
                    <a name="//apple_ref/swift/Enum/Direction" class="dashAnchor"></a>
                    <a class="token" href="#/s:OC10FlexLayout4Flex9Direction">Direction</a>
                    </code>
                  </div>
                  <div class="height-container">
                    <div class="pointer-container"></div>
                    <section class="section">
                      <div class="pointer"></div>
                      <div class="abstract">
                        
                        <a href="../Classes/Flex/Direction.html" class="slightly-smaller">See more</a>
                      </div>
                      <div class="declaration">
                        <h4>Declaration</h4>
                        <div class="language">
                          <p class="aside-title">Swift</p>
                          <pre class="highlight"><code><span class="kd">public</span> <span class="kd">enum</span> <span class="kt">Direction</span></code></pre>

                        </div>
                      </div>
                      <div class="slightly-smaller">
                        <a href="https://github.com/lucdion/FlexLayout/tree/master/Sources/FlexLayout.swift#L778-L787">Show on GitHub</a>
                      </div>
                    </section>
                  </div>
                </li>
                <li class="item">
                  <div>
                    <code>
                    <a name="/s:OC10FlexLayout4Flex14JustifyContent"></a>
                    <a name="//apple_ref/swift/Enum/JustifyContent" class="dashAnchor"></a>
                    <a class="token" href="#/s:OC10FlexLayout4Flex14JustifyContent">JustifyContent</a>
                    </code>
                  </div>
                  <div class="height-container">
                    <div class="pointer-container"></div>
                    <section class="section">
                      <div class="pointer"></div>
                      <div class="abstract">
                        
                        <a href="../Classes/Flex/JustifyContent.html" class="slightly-smaller">See more</a>
                      </div>
                      <div class="declaration">
                        <h4>Declaration</h4>
                        <div class="language">
                          <p class="aside-title">Swift</p>
                          <pre class="highlight"><code><span class="kd">public</span> <span class="kd">enum</span> <span class="kt">JustifyContent</span></code></pre>

                        </div>
                      </div>
                      <div class="slightly-smaller">
                        <a href="https://github.com/lucdion/FlexLayout/tree/master/Sources/FlexLayout.swift#L791-L802">Show on GitHub</a>
                      </div>
                    </section>
                  </div>
                </li>
                <li class="item">
                  <div>
                    <code>
                    <a name="/s:OC10FlexLayout4Flex12AlignContent"></a>
                    <a name="//apple_ref/swift/Enum/AlignContent" class="dashAnchor"></a>
                    <a class="token" href="#/s:OC10FlexLayout4Flex12AlignContent">AlignContent</a>
                    </code>
                  </div>
                  <div class="height-container">
                    <div class="pointer-container"></div>
                    <section class="section">
                      <div class="pointer"></div>
                      <div class="abstract">
                        
                        <a href="../Classes/Flex/AlignContent.html" class="slightly-smaller">See more</a>
                      </div>
                      <div class="declaration">
                        <h4>Declaration</h4>
                        <div class="language">
                          <p class="aside-title">Swift</p>
                          <pre class="highlight"><code><span class="kd">public</span> <span class="kd">enum</span> <span class="kt">AlignContent</span></code></pre>

                        </div>
                      </div>
                      <div class="slightly-smaller">
                        <a href="https://github.com/lucdion/FlexLayout/tree/master/Sources/FlexLayout.swift#L806-L819">Show on GitHub</a>
                      </div>
                    </section>
                  </div>
                </li>
                <li class="item">
                  <div>
                    <code>
                    <a name="/s:OC10FlexLayout4Flex10AlignItems"></a>
                    <a name="//apple_ref/swift/Enum/AlignItems" class="dashAnchor"></a>
                    <a class="token" href="#/s:OC10FlexLayout4Flex10AlignItems">AlignItems</a>
                    </code>
                  </div>
                  <div class="height-container">
                    <div class="pointer-container"></div>
                    <section class="section">
                      <div class="pointer"></div>
                      <div class="abstract">
                        
                        <a href="../Classes/Flex/AlignItems.html" class="slightly-smaller">See more</a>
                      </div>
                      <div class="declaration">
                        <h4>Declaration</h4>
                        <div class="language">
                          <p class="aside-title">Swift</p>
                          <pre class="highlight"><code><span class="kd">public</span> <span class="kd">enum</span> <span class="kt">AlignItems</span></code></pre>

                        </div>
                      </div>
                      <div class="slightly-smaller">
                        <a href="https://github.com/lucdion/FlexLayout/tree/master/Sources/FlexLayout.swift#L823-L834">Show on GitHub</a>
                      </div>
                    </section>
                  </div>
                </li>
                <li class="item">
                  <div>
                    <code>
                    <a name="/s:OC10FlexLayout4Flex9AlignSelf"></a>
                    <a name="//apple_ref/swift/Enum/AlignSelf" class="dashAnchor"></a>
                    <a class="token" href="#/s:OC10FlexLayout4Flex9AlignSelf">AlignSelf</a>
                    </code>
                  </div>
                  <div class="height-container">
                    <div class="pointer-container"></div>
                    <section class="section">
                      <div class="pointer"></div>
                      <div class="abstract">
                        
                        <a href="../Classes/Flex/AlignSelf.html" class="slightly-smaller">See more</a>
                      </div>
                      <div class="declaration">
                        <h4>Declaration</h4>
                        <div class="language">
                          <p class="aside-title">Swift</p>
                          <pre class="highlight"><code><span class="kd">public</span> <span class="kd">enum</span> <span class="kt">AlignSelf</span></code></pre>

                        </div>
                      </div>
                      <div class="slightly-smaller">
                        <a href="https://github.com/lucdion/FlexLayout/tree/master/Sources/FlexLayout.swift#L838-L851">Show on GitHub</a>
                      </div>
                    </section>
                  </div>
                </li>
                <li class="item">
                  <div>
                    <code>
                    <a name="/s:OC10FlexLayout4Flex4Wrap"></a>
                    <a name="//apple_ref/swift/Enum/Wrap" class="dashAnchor"></a>
                    <a class="token" href="#/s:OC10FlexLayout4Flex4Wrap">Wrap</a>
                    </code>
                  </div>
                  <div class="height-container">
                    <div class="pointer-container"></div>
                    <section class="section">
                      <div class="pointer"></div>
                      <div class="abstract">
                        
                        <a href="../Classes/Flex/Wrap.html" class="slightly-smaller">See more</a>
                      </div>
                      <div class="declaration">
                        <h4>Declaration</h4>
                        <div class="language">
                          <p class="aside-title">Swift</p>
                          <pre class="highlight"><code><span class="kd">public</span> <span class="kd">enum</span> <span class="kt">Wrap</span></code></pre>

                        </div>
                      </div>
                      <div class="slightly-smaller">
                        <a href="https://github.com/lucdion/FlexLayout/tree/master/Sources/FlexLayout.swift#L855-L862">Show on GitHub</a>
                      </div>
                    </section>
                  </div>
                </li>
                <li class="item">
                  <div>
                    <code>
                    <a name="/s:OC10FlexLayout4Flex8Position"></a>
                    <a name="//apple_ref/swift/Enum/Position" class="dashAnchor"></a>
                    <a class="token" href="#/s:OC10FlexLayout4Flex8Position">Position</a>
                    </code>
                  </div>
                  <div class="height-container">
                    <div class="pointer-container"></div>
                    <section class="section">
                      <div class="pointer"></div>
                      <div class="abstract">
                        
                        <a href="../Classes/Flex/Position.html" class="slightly-smaller">See more</a>
                      </div>
                      <div class="declaration">
                        <h4>Declaration</h4>
                        <div class="language">
                          <p class="aside-title">Swift</p>
                          <pre class="highlight"><code><span class="kd">public</span> <span class="kd">enum</span> <span class="kt">Position</span></code></pre>

                        </div>
                      </div>
                      <div class="slightly-smaller">
                        <a href="https://github.com/lucdion/FlexLayout/tree/master/Sources/FlexLayout.swift#L866-L871">Show on GitHub</a>
                      </div>
                    </section>
                  </div>
                </li>
                <li class="item">
                  <div>
                    <code>
                    <a name="/s:OC10FlexLayout4Flex15LayoutDirection"></a>
                    <a name="//apple_ref/swift/Enum/LayoutDirection" class="dashAnchor"></a>
                    <a class="token" href="#/s:OC10FlexLayout4Flex15LayoutDirection">LayoutDirection</a>
                    </code>
                  </div>
                  <div class="height-container">
                    <div class="pointer-container"></div>
                    <section class="section">
                      <div class="pointer"></div>
                      <div class="abstract">
                        
                        <a href="../Classes/Flex/LayoutDirection.html" class="slightly-smaller">See more</a>
                      </div>
                      <div class="declaration">
                        <h4>Declaration</h4>
                        <div class="language">
                          <p class="aside-title">Swift</p>
                          <pre class="highlight"><code><span class="kd">public</span> <span class="kd">enum</span> <span class="kt">LayoutDirection</span></code></pre>

                        </div>
                      </div>
                      <div class="slightly-smaller">
                        <a href="https://github.com/lucdion/FlexLayout/tree/master/Sources/FlexLayout.swift#L875-L883">Show on GitHub</a>
                      </div>
                    </section>
                  </div>
                </li>
                <li class="item">
                  <div>
                    <code>
                    <a name="/s:OC10FlexLayout4Flex10LayoutMode"></a>
                    <a name="//apple_ref/swift/Enum/LayoutMode" class="dashAnchor"></a>
                    <a class="token" href="#/s:OC10FlexLayout4Flex10LayoutMode">LayoutMode</a>
                    </code>
                  </div>
                  <div class="height-container">
                    <div class="pointer-container"></div>
                    <section class="section">
                      <div class="pointer"></div>
                      <div class="abstract">
                        <p>Defines how the <code><a href="../Classes/Flex.html#/s:FC10FlexLayout4Flex6layoutFT4modeOS0_10LayoutMode_T_">layout(mode:)</a></code> method layout its flex items.</p>

                        <a href="../Classes/Flex/LayoutMode.html" class="slightly-smaller">See more</a>
                      </div>
                      <div class="declaration">
                        <h4>Declaration</h4>
                        <div class="language">
                          <p class="aside-title">Swift</p>
                          <pre class="highlight"><code><span class="kd">public</span> <span class="kd">enum</span> <span class="kt">LayoutMode</span></code></pre>

                        </div>
                      </div>
                      <div class="slightly-smaller">
                        <a href="https://github.com/lucdion/FlexLayout/tree/master/Sources/FlexLayout.swift#L888-L895">Show on GitHub</a>
                      </div>
                    </section>
                  </div>
                </li>
              </ul>
            </div>
          </section>
        </section>
        <section id="footer">
          <p>&copy; 2017 <a class="link" href="https://github.com/lucdion" target="_blank" rel="external">lucdion</a>. All rights reserved. (Last updated: 2017-08-25)</p>
          <p>Generated by <a class="link" href="https://github.com/realm/jazzy" target="_blank" rel="external">jazzy ♪♫ v0.8.3</a>, a <a class="link" href="http://realm.io" target="_blank" rel="external">Realm</a> project.</p>
        </section>
      </article>
    </div>
  </body>
</div>
</html>
